html {color: #222; font-size: 1em; line-height: 1.4; } ::-moz-selection {background: #b3d4fc; text-shadow: none; } ::selection {background: #b3d4fc; text-shadow: none; } hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, iframe, img, svg, video {vertical-align: middle; } fieldset {border: 0; margin: 0; padding: 0; } textarea {resize: vertical; } .browserupgrade {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*
Black: #000; Orange: #f90; Blue: #4E72B8; 
*/
*, *:after, *:before{  transition: all 0.5s ease;}
body{ font-size: 16px; font-weight: 300}
ul {padding-left: 0;}
ul,li{ list-style-type: none; padding: 0; margin: 0;}
a{ color: #000 }
a:hover, a:focus, a:active{ outline: none; text-decoration: none; color: #f90}
.btn{ border:0 none; padding: 0 20px !important; border-radius: 100px;}
hr{ border-color: #f0f0f0 }
blockquote{ border:0; text-align: center; }
h1,h2, h3, h4, h5{}
h1{}
h2{color: #4E72B8; margin-bottom: 30px;}
h3{ color: #4E72B8 }
h4{}
p{ color: #333 }


.m{margin: 40px !important} .mt{margin-top: 40px !important} .mb{margin-bottom: 40px !important} .mtb{margin-top: 40px !important; margin-bottom: 40px !important;}
.ml{margin: 80px !important} .mtl{margin-top: 80px !important} .mbl{margin-bottom: 80px !important} .mtbl{margin-top: 80px !important; margin-bottom: 80px !important;}
.ms{margin: 20px} .mts{margin-top: 20px} .mbs{margin-bottom: 20px} .mtbs{margin-top: 20px; margin-bottom: 20px;}
.no-padding{ padding: 0 !important } .pl0{ padding-left: 0 !important} .pr0{ padding-right: 0 !important} .relative{ position: relative; } .no-margin{ margin:0 !important; }
.no-padding > .row{ margin-left: 0; margin-right: 0}
.navbar-collapse{ padding: 0 } .navbar-right{ margin-right: 0 }
.btn.btn-primary{ background: #ff3368; border:0;}
.circle{ border-radius: 100%; background: #f90; }
.layerUp{position: relative; z-index: 2}
.fixed {background: rgba(255, 255, 255, 0.95); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); height: 50px; position: fixed; top: 0; width: 100%; z-index: 9999;}

.navbar-brand{ padding: 0; height: auto; margin-left: 0 !important; transform: scale(0.9);}
.fixed .navbar-brand{ transform: scale(0.7) translateY(-4px);}
.navbar-right{ margin-top: 10px; }
.fixed .navbar-right{ margin-top: 0 }
.navbar-main{ margin-bottom: 0; border:0;}
.nav > li > a{ position: relative; }
.nav > li > a:focus, .nav > li > a:hover{ background: none }
.nav > li > a:after{ width: 1%; height: 2px; background: #f90; position: absolute; left: 0; bottom: 0; opacity: 0; content: ""}
.nav > li > a:focus:after, .nav > li > a:hover:after, .nav > li.current > a:after{ opacity: 1; width: 100%; bottom: 0 }
.navbar-nav > li > a.mailme{ padding: 0; width: 40px; height: 40px; text-align: center; color: #fff; line-height: 40px; padding: 0; margin-top: 4px;}
.navbar-nav > li > a.mailme:hover{ box-shadow: 0 0 3px rgba(0,0,0,0.2); color: #f90}
.navbar-nav > li > a.mailme:after{display: none;}

.navbar-toggle{ margin-top: 16px; opacity: 0.8}.navbar-toggle:hover{ opacity: 1 }
.navbar-toggle .icon-bar{ background: #000; transform: rotate(90deg);}
.navbar-toggle .icon-bar:nth-child(2){ transform: rotate(45deg) translate(7px, -5px); width: 70%;}
.navbar-toggle .icon-bar:nth-child(4){ transform: rotate(-45deg) translate(6px, -9px); width: 70%;}
.navbar-toggle.collapsed .icon-bar{ background: #4E72B8;  transform: rotate(0) translateX(0);}
.navbar-toggle:hover .icon-bar{ background: #f90 }

.carousel-indicators{right: auto; bottom: 60px; top: auto; width: auto;left: 50%; margin: 0 0 0 -450px;} 
.carousel-indicators li { height: 20px; border:0; border-radius: 0; background: none;  width: 20px; position: relative;}
.carousel-indicators li.active{ background: none; width: 20px}
.carousel-indicators li span{ display: block; height: 4px; background: #E6E6E6; margin-top: 16px; position: absolute; left: 0; bottom: 0; width: 100%;} 
.carousel-indicators li.active span{ background: #f90; height: 8px; width: 20px; }
#carousel-1 .item {min-height: 504px; overflow: hidden;}
#carousel-1 .item > img{ position: absolute; width: 100%; height: auto; opacity: 0}
#carousel-1 .item .row{ max-width: 800px; margin: 0 auto;}
#carousel-1 .item hgroup h2, #carousel-1 .item hgroup h4{ color: #fff }
#carousel-1 .item hgroup{ transform: translateY(600px); color: #fff;} #carousel-1 .item.active hgroup{ transform: translateY(100px); }
#carousel-1 .item h4{ transform: translateY(40px);} #carousel-1 .item.active h4{ transform: translateY(0); }
#carousel-1 .item.active > img { transform: scale(1.2); transition-duration: 6s; opacity: 1}
#carousel-1 .item .row img { transform: translate(0, 0) scale(2.5); opacity: 0} #carousel-1 .item.active .row img { transform: translate(50%, 50%) scale(1); opacity: 1 }
.shade{position: relative;} .shade:after{ content:""; position: absolute; width: 100%; height: 100%; background: #4E72B8; left: 0; top: 0; z-index: 0; opacity: 0.7; }
.shade .container{ position: relative; z-index: 9 }

.intro { position: relative; }.intro svg {bottom: 0; height: 50px; left: 0; position: absolute; width: 100%;}
.downArrow{position: relative;} .downArrow::before{ content: ""; width: 57px; height: 57px; background: url(../img/downarrow.svg) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -23px; bottom: -28px; z-index: 999}
.intro.downArrow::before{bottom: -3px;}
.about{ background: url(../img/about_bg.jpg) 0 0 /cover no-repeat fixed; height: 555px;}
.about figure{ line-height: 500px }
.whiteBox{ margin: 60px 0; background: #fff; padding: 60px 30% 60px 60px; min-height: 400px;}
.whiteBox .circle{ width: 40px; height: 40px; display: block; text-align: center; line-height: 44px; color: #fff; margin-top: 40px;}
.whiteBox .circle:hover{ box-shadow: 0 0 3px rgba(0,0,0,0.2); color: #f90; background: #fff}
.whiteBox h3{ margin-top: 20px; margin-bottom: 30px }.whiteBox a{ color: #f60; }

.services .circle{ width: 150px; height: 150px; line-height: 150px; color: #fff; margin: 0 auto; font-size: 36px; margin-bottom: 20px }
.services h3{  font-size: 22px; }
.servBox{ margin-bottom: 20px; min-height: 240px; padding: 0 30px}
.lessWidth{ max-width: 600px; margin: 0 auto }
.carousel-indicators.static{ top: auto; left: auto; right: auto; bottom: auto; position: relative; margin: 0 auto; max-width: 100px;}
.portfolio .lessWidth{ width: 880px; }
.portfolio a{ margin: 0 0 30px; border: 4px solid #f0f0f0; display: block; overflow: hidden;}.portfolio a:hover{ border-color: #f90 } .portfolio a:hover img{ transform: scale(1.2); } .portfolio a img{ width: 100%; height: auto; }

.testimonials .item{min-height: 200px;}
.carousel-indicators.testiImages{ width: auto; min-width: 300px}
.testiImages li, .testiImages li.active{ width: 60px; height: 60px; overflow: hidden; text-indent: 0; margin:0 !important;}.testiImages li figure{border: 4px solid transparent; border-radius: 200px; width: 60px; height: 60px; margin: 0; width: 100%; overflow: hidden;} 
.testiImages li.active figure{ border-color: #4E72B8 }.testiImages li figure img{ width: 100%; height: auto; }
.clientName h4{margin-bottom: 4px;  }

.lower-footer{ background: #4E72B8; color: #fff } .lower-footer a, .lower-footer p{ color: #fff; margin-bottom: 0; font-size: 13px} .lower-footer a:hover{ color: #f90 }
.lower-footer li a { line-height: normal; display: block; padding-bottom: 14px;} .lower-footer h4{}
.social{ width: 86px; } .social li{ float: left; width: 40px; height: 40px; margin: 1px;}.social li a{ display: block; width: 100%; height: 100%; background: rgba(255,255,255, 0.3); color: #fff; line-height: 40px; text-align: center; font-size: 18px;}
.social li a:hover{background: rgba(255,255,255, 1); }

.services h3{ text-transform: uppercase; }


.footer{ background: #1A1A1A; font-size: 13px} .footer p, .footer a{ color: #999 } .footer a:hover{ color: #f90 }





/********************---- New Styles ----*****************************/
body{font-family: 'Muli', sans-serif;} p { line-height: 24px; margin-bottom: 26px; font-weight: 400; color: #666;}
a { color: #f90 }
h1, h2, h3, h4, h5 {font-family: 'Muli', sans-serif;font-weight: 800; color: #333}
h1{ font-size: 40px }
h2{ font-size: 32px}
h3{ font-size: 26px}
h4{ font-size: 20px}
h5{ font-size: 18px}
.btn {border: 1px solid #f90; color: #f90; border-radius: 100px; font-size: 12px; font-weight: 800; line-height: 44px; padding: 0 40px !important; text-transform: uppercase; }
.btn:hover { background-color: #f90; color: #fff; border-color: transparent;}
.btn.btn-primary{ background-color: #f90; color: #fff }

#masthead { background: #4fc3f7 }
.navbar-right{ margin-top: 0 }
.navbar-nav > li > a{color: #333; font-size: 12px; font-weight: 600; letter-spacing: 0; line-height: 25px; text-transform: uppercase;}
.nav > li > a::after{ background: #f90 }
.nav > li.current-menu-item > a, .nav > li.current_page_item > a, .nav > li.current-menu-ancestor > a, .nav > li.current-menu-parent > a { background-color: rgba(255, 255, 255, 0.5) }
.nav .sub-menu li.current-menu-item > a, .nav .sub-menu li.current_page_item > a{ background-color: #4fc3f7; color: #333; }
#carousel-1 .item hgroup p{color: #fff}
#carousel-1 .item .row { max-width: none; }
#carousel-1 .item hgroup h2{ font-size: 56px; line-height: 62px }
#carousel-1 .item hgroup p{font-size: 20px; line-height: normal;}
.shade::after, .lower-footer{ background: #003666; color: #fff}

.servCricle{ background: #4fc3f7}
.services h3 a { color: #333 } .services h3 a:hover { color: #f90 }
.servBox p{ color: #888; font-weight: 300; line-height: 22px; }
.servBox h3{ margin-bottom: 15px }
.whiteBox .circle{ line-height: 40px; }
.lower-footer a, .lower-footer p, .lower-footer h4{ color: #fff }
#colophon{ margin-top: 40px; }
.container-fluid.testimonials, .container-fluid.textSlider{ display: none }
.portfolio .row { padding: 56px 0 34px }
.site-footer .sub-menu { display: none }

.wow:first-child {visibility: hidden;}

.site-content{}
.image-div{ max-height: 300px; overflow: hidden; min-height: 240px; background-repeat: no-repeat; background-size: cover;background-attachment: fixed;}
.image-div > img { width: 100%; height: auto; }
.image-div h1{ color: #fff; font-size: 53px; margin: 64px 0 0; }
.hentry .attachment-post, .hentry .attachment-post-thumbnail, .hentry .post-thumbnail, .hentry .entry-header { display: none;}
.overlapDiv{ background-color: #fff; margin-top: -40px; border-radius: 6px; position: relative; z-index: 1; padding: 20px 15px 60px}
.overlapDiv .entry-content{ padding-top: 0 }

.cir{ padding: 40px 0 0; }
.cir .circle{ position: relative; background: none;}
.cir .circle:after{ content: ""; width: 100px; height: 100px; display: block; margin-bottom: 15px; margin: 0 auto; }
.cir .circle.c1:after{ background: url(../img/money.svg) 0 0 no-repeat; }
.cir .circle.c2:after{ background: url(../img/list.svg) 0 0 no-repeat; }
.cir .circle.c3:after{ background: url(../img/orders.svg) 0 0 no-repeat; }
.cir h3.boxe{ font-style: 22px; }
.cir div.boxe{ font-size: 16px; }

.hentry ul.tags{ margin: 15px 0 }
.hentry ul.tags li{ padding: 10px 15px; border:1px solid #f0f0f0; margin-top: -1px; position: relative;}
.hentry ul.tags li:first-child{ border-radius: 6px 6px 0 0 } .hentry ul.tags li:last-child{border-radius: 0 0 6px 6px}
.hentry ul.tags li:before{ content: "\f3d6"; font-family: "Ionicons";margin-right: 15px; }
#main .entry-content{ padding-right: 40px; }

.wpcf7-form label{ font-weight: 400; }
.wpcf7-textarea{ max-height: 150px; }
.widget{ margin-bottom: 40px; }
.textwidget{ border: 1px solid #e0e0e0; padding: 4% }
.widget-title{ font-size: 24px; margin-top: 0;margin-bottom: 15px; }

.widget .entry-image{ max-height: 120px;overflow: hidden;} .widget .entry-image img{ width: 100%; height: auto;margin-top: -17%;} .widget .entry-image:hover img{ transform: scale(1.2); }
.widget .entry-title, .widget .entry-meta, .widget .entry-summary{ background: rgba(255, 255, 255, 0.95); margin-left: 15px; margin-right: 15px; padding-left: 15px; position: relative; z-index: 1; margin-bottom: 0 !important;}
.widget .entry-title{ font-size: 18px; margin-top: -40px;padding: 15px; padding-bottom: 10px; } .widget .entry-title a{ color: #333 } .widget .entry-title a:hover{ color: #f90 }
.widget .entry-meta{}
.upw-posts header{ margin-bottom: 10px; }

.single-news .image-div{ position: relative; background-position: center;} .single-news .image-div h1{ position: relative; z-index: 1; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; }
.single-news .image-div:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,100,150,0.5);}

/********************---- End New Styles ----*****************************/
/*

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}

*/


@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
	.servBox{ margin-bottom: 60px }
  .about .pr0{ padding-right:15px !important;  }
  .lower-footer .row > div{ min-height: 300px; }
  #carousel-1 .item > img{ width: 150%; }
  #carousel-1 .item {min-height: 404px;}
  #carousel-1 .item hgroup h2 { padding: 0 }
  #carousel-1 .item hgroup{ transform: translateY(10px); }
  #carousel-1 .item hgroup h2{ transform: translateY(0); padding: 0 12%; font-size: 48px; line-height: normal; margin-bottom: 25px }
  .carousel-indicators{ margin: 0 }
  #carousel-1 .item hgroup p{ display: none; }
}
@media only screen and (max-width: 767px) {
	.navbar-right{ padding: 15px; }
	.navbar-nav > li > a.mailme{ margin: 0 15px; }
  .lower-footer .row > div{ min-height: 0; margin-bottom: 60px }
  #carousel-1 .item > img{ width: 200%; }
  #carousel-1 .item {min-height: 304px;}
  #carousel-1 .item hgroup h2 { padding: 0 }
  #carousel-1 .item hgroup{ transform: translateY(0px); }
  #carousel-1 .item hgroup h2{ transform: translateY(0); padding: 0 8%; font-size: 44px; line-height: normal; margin-bottom: 20px }
  .header-top > .container{width: calc(100% + 30px); margin-left: -15px; background: #fff;}
  #carousel-1 .item.active hgroup{ transform: translateY(50px) }

.m{margin: 30px !important} .mt{margin-top: 30px !important} .mb{margin-bottom: 30px !important} .mtb{margin-top: 30px !important; margin-bottom: 30px !important;}
.ml{margin: 60px !important} .mtl{margin-top: 60px !important} .mbl{margin-bottom: 60px !important} .mtbl{margin-top: 60px !important; margin-bottom: 60px !important;}
}
@media only screen and (max-width: 640px) {
  .whiteBox{ padding: 30px 40px }
  #carousel-1 .item > img{ width: 200%; }
  #carousel-1 .item {min-height: 240px;}
  #carousel-1 .item hgroup h2 { padding: 0 }
  #carousel-1 .item hgroup h2{ transform: translateY(0); padding: 0 6%; font-size: 34px; line-height: normal; margin-bottom: 15px }
  .m{margin: 25px !important} .mt{margin-top: 25px !important} .mb{margin-bottom: 25px !important} .mtb{margin-top: 25px !important; margin-bottom: 25px !important;}
  .ml{margin: 50px !important} .mtl{margin-top: 50px !important} .mbl{margin-bottom: 50px !important} .mtbl{margin-top: 50px !important; margin-bottom: 50px !important;}
  #carousel-1 .item.active hgroup{ transform: translateY(30px) }
}
@media only screen and (max-width: 480px) {
  #carousel-1 .item > img{ width: 250%; }
  #carousel-1 .item {min-height: 240px;}
  #carousel-1 .item hgroup h2 { padding: 0 }
  #carousel-1 .item hgroup h2{ transform: translateY(0); padding: 0 6%; font-size: 24px; line-height: normal; margin-bottom: 10px }
  #carousel-1 .item hgroup p{ font-size: 14px; }
  #carousel-1 .item.active hgroup{ transform: translateY(15px) }

  .m{margin: 20px !important} .mt{margin-top: 20px !important} .mb{margin-bottom: 20px !important} .mtb{margin-top: 20px !important; margin-bottom: 20px !important;}
  .ml{margin: 40px !important} .mtl{margin-top: 40px !important} .mbl{margin-bottom: 40px !important} .mtbl{margin-top: 40px !important; margin-bottom: 40px !important;}
}
@media only screen and (max-width: 360px) {
  #carousel-1 .item hgroup h2 { padding: 0 }
  #carousel-1 .item hgroup{ transform: translateY(0); color: #fff;} #carousel-1 .item hgroup{ transform: translateY(0px); }
  #carousel-1 .item.active hgroup{ transform: translateY(0px) }
}





/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {display: none !important; } .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible {visibility: hidden; } .clearfix:before, .clearfix:after {content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after {clear: both; }
@media only screen and (min-width: 35em) {} @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {} @media print {*, *:before, *:after, *:first-letter, *:first-line {background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited {text-decoration: underline; } a[href]:after {content: " (" attr(href) ")"; } abbr[title]:after {content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after {content: ""; } pre, blockquote {border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead {display: table-header-group; } tr, img {page-break-inside: avoid; } img {max-width: 100% !important; } p, h2, h3 {orphans: 3; widows: 3; } h2, h3 {page-break-after: avoid; } }





/* Hide sections 
.testimonials, .services p, .textSlider .item p, .servBox p{ display: none }*/