/* line 5, ../sass/helpers/_responsive.scss */
.flex-container { width: 1430px; margin: auto; }
@media screen and (min-width: 768px) { /* line 5, ../sass/helpers/_responsive.scss */
  .flex-container { width: 750px; } }
@media screen and (min-width: 992px) { /* line 5, ../sass/helpers/_responsive.scss */
  .flex-container { width: 970px; } }
@media screen and (min-width: 1200px) { /* line 5, ../sass/helpers/_responsive.scss */
  .flex-container { width: 1153px; } }
@media screen and (min-width: 1600px) { /* line 5, ../sass/helpers/_responsive.scss */
  .flex-container { width: 1366px; } }
@media screen and (max-width: 767px) { /* line 5, ../sass/helpers/_responsive.scss */
  .flex-container { width: 100% !important; } }

/* line 25, ../sass/helpers/_responsive.scss */
.flex-md-container { margin: auto; width: 1050px; }
@media screen and (max-width: 991px) { /* line 25, ../sass/helpers/_responsive.scss */
  .flex-md-container { width: 100%; } }

@media screen and (max-width: 1199px) { /* line 33, ../sass/helpers/_responsive.scss */
  .hid { display: none; } }
/* line 1, ../sass/helpers/_typography.scss */
h2 { color: #1f4862; font-weight: 300; }
@media screen and (max-width: 1199px) { /* line 1, ../sass/helpers/_typography.scss */
  h2 { font-size: 2em; } }
@media screen and (max-width: 1199px) { /* line 1, ../sass/helpers/_typography.scss */
  h2 { font-size: 1.5em; } }
@media screen and (max-width: 767px) { /* line 1, ../sass/helpers/_typography.scss */
  h2 { font-size: 1.2em; } }

/* line 6, ../sass/main.scss */
html, body { height: 100%; width: 100%; font-family: 'Montserrat', sans-serif; font-size: 18px; color: #000000; background: url(../images/header-bg.png) no-repeat right top; background-size: contain; color: #1e1e1e; }

/* line 16, ../sass/main.scss */
a:hover, a:focus { text-decoration: none; outline: 0px; }

/* line 20, ../sass/main.scss */
ul, li { list-style: none; padding: 0px; }

/* line 24, ../sass/main.scss */
p { font-family: 'Open Sans', sans-serif; font-size: 18px; }
@media screen and (max-width: 480px) { /* line 24, ../sass/main.scss */
  p { font-size: 15px; } }

/* line 31, ../sass/main.scss */
a[href^="tel"] { color: inherit; text-decoration: none; }

/* line 35, ../sass/main.scss */
#header { position: relative; z-index: 99999; }
/* line 38, ../sass/main.scss */
#header .navbar { padding: 15px 0 5px; }
/* line 40, ../sass/main.scss */
#header .navbar .nav > li > a { color: #1f4862; font-weight: 300; font-size: 15px; }
@media screen and (max-width: 767px) { /* line 45, ../sass/main.scss */
  #header .navbar .navbar-brand { margin-left: 20px; }
  /* line 48, ../sass/main.scss */
  #header .navbar .navbar-brand img { max-width: 80%; } }
@media screen and (max-width: 767px) { /* line 54, ../sass/main.scss */
  #header .navbar .navbar-collapse { border: 0px !important; box-shadow: none !important; } }
@media screen and (min-width: 991px) { /* line 59, ../sass/main.scss */
  #header .navbar .navbar-nav { float: right; } }
@media screen and (max-width: 991px) { /* line 59, ../sass/main.scss */
  #header .navbar .navbar-nav { font-size: 15px; }
  /* line 65, ../sass/main.scss */
  #header .navbar .navbar-nav span { display: block; line-height: 20px; padding: 15px; } }
/* line 72, ../sass/main.scss */
#header .navbar .callnumber { color: #1f4862; font-weight: 300; }
@media screen and (max-width: 767px) { /* line 72, ../sass/main.scss */
  #header .navbar .callnumber { padding: 10px 15px; } }
@media screen and (min-width: 1170px) { /* line 72, ../sass/main.scss */
  #header .navbar .callnumber { float: right; padding: 5px; font-size: 15px; margin: 10px 10px 10px; } }
@media screen and (min-width: 768px) and (max-width: 1170px) { /* line 86, ../sass/main.scss */
  #header .navbar .nav > li > a { padding: 10px; }
  /* line 89, ../sass/main.scss */
  #header .navbar .navbar-header { width: 100%; text-align: center; float: none; display: block; margin-bottom: 15px; }
  /* line 95, ../sass/main.scss */
  #header .navbar .navbar-header .navbar-brand { float: none; }
  /* line 97, ../sass/main.scss */
  #header .navbar .navbar-header .navbar-brand img:first-child { display: inline-block; }
  /* line 102, ../sass/main.scss */
  #header .navbar #mainmenu { float: none; }
  /* line 104, ../sass/main.scss */
  #header .navbar #mainmenu .navbar-nav { text-align: center; float: none; }
  /* line 107, ../sass/main.scss */
  #header .navbar #mainmenu .navbar-nav li { float: none; display: inline-block; } }
@media screen and (max-width: 767px) { /* line 38, ../sass/main.scss */
  #header .navbar { background: white !important; box-shadow: 1px 0 7px 0 rgba(0, 0, 0, 0.4); padding-bottom: 0px; }
  /* line 118, ../sass/main.scss */
  #header .navbar .icon-bar { background-color: #1f4862; }
  /* line 121, ../sass/main.scss */
  #header .navbar button { margin-top: 0px; } }
@media screen and (min-width: 768px) and (max-width: 1170px) { /* line 127, ../sass/main.scss */
  #header .navbar { padding-bottom: 0px; }
  /* line 130, ../sass/main.scss */
  #header .navbar-header { margin-bottom: 0px !important; } }
/* line 134, ../sass/main.scss */
#header .affix { background-color: #ffffff !important; box-shadow: 1px 0 7px 0 rgba(0, 0, 0, 0.4); border-radius: 0px; width: 100%; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; }
@media screen and (max-width: 767px) { /* line 143, ../sass/main.scss */
  #header .affix .navbar-collapse { background: #ffffff; } }
/* line 147, ../sass/main.scss */
#header .affix li.active a { color: #1f4862; }
/* line 150, ../sass/main.scss */
#header .affix .navbar-header span { background-color: #1f4862; }

/* line 155, ../sass/main.scss */
#banner { padding: 150px 0 100px; overflow-x: hidden; background: url(../images/banner-bg.jpg) no-repeat 0 0; width: 100%; background-size: cover; position: relative; }
/* line 162, ../sass/main.scss */
#banner:after { content: " "; background: url(../images/banner-outer.png) no-repeat 0 0; position: absolute; bottom: 0; height: 300px; width: 100%; background-size: cover; }
@media screen and (min-width: 1366px) and (max-width: 1440px) { /* line 155, ../sass/main.scss */
  #banner { padding: 50px 0 100px; } }
/* line 174, ../sass/main.scss */
#banner .flex-container { display: flex; justify-content: space-between; align-items: center; }
@media screen and (max-width: 767px) { /* line 174, ../sass/main.scss */
  #banner .flex-container { flex-direction: column; }
  /* line 180, ../sass/main.scss */
  #banner .flex-container .image { width: 100%; text-align: center; }
  /* line 183, ../sass/main.scss */
  #banner .flex-container .image img { width: 75%; } }
/* line 189, ../sass/main.scss */
#banner .captions { z-index: 9999; }
/* line 191, ../sass/main.scss */
#banner .captions h1 { font-size: 75px; color: #1f4862; font-weight: 300; margin-top: 0px; margin-bottom: 30px; }
@media screen and (max-width: 1370px) { /* line 191, ../sass/main.scss */
  #banner .captions h1 { font-size: 65px; margin-bottom: 20px; } }
@media screen and (max-width: 1199px) { /* line 191, ../sass/main.scss */
  #banner .captions h1 { font-size: 50px; } }
@media screen and (max-width: 991px) { /* line 191, ../sass/main.scss */
  #banner .captions h1 { font-size: 40px; margin-bottom: 0; } }
@media screen and (max-width: 767px) { /* line 191, ../sass/main.scss */
  #banner .captions h1 { text-align: left; } }
@media screen and (max-width: 480px) { /* line 191, ../sass/main.scss */
  #banner .captions h1 { font-size: 32px; } }
/* line 215, ../sass/main.scss */
#banner .captions .text2 { font-size: 25px; line-height: 1.2; color: #1f4862; letter-spacing: -1px; font-weight: 300; margin: 30px 0; }
@media screen and (min-width: 1200px) and (max-width: 1368px) { /* line 215, ../sass/main.scss */
  #banner .captions .text2 { margin: 30px 0; } }
@media screen and (max-width: 1199px) { /* line 215, ../sass/main.scss */
  #banner .captions .text2 { font-size: 20px; line-height: 1.4; } }
@media screen and (max-width: 991px) { /* line 215, ../sass/main.scss */
  #banner .captions .text2 { font-size: 18px; margin: 20px 0; } }
@media screen and (max-width: 767px) { /* line 215, ../sass/main.scss */
  #banner .captions .text2 { text-align: left; margin: 20px 10px 20px 0px; font-size: 16px; } }
@media screen and (max-width: 480px) { /* line 215, ../sass/main.scss */
  #banner .captions .text2 { font-size: 14px; } }
/* line 241, ../sass/main.scss */
#banner .captions .text2 span { color: #1f4862; }
/* line 245, ../sass/main.scss */
#banner .captions .text3 { font-size: 30px; font-weight: 500; color: #1f4862; }
@media screen and (max-width: 1366px) { /* line 245, ../sass/main.scss */
  #banner .captions .text3 { font-size: 22px; } }
@media screen and (max-width: 991px) { /* line 245, ../sass/main.scss */
  #banner .captions .text3 { font-size: 18px; } }
@media screen and (max-width: 480px) { /* line 245, ../sass/main.scss */
  #banner .captions .text3 { font-size: 14px; } }
@media screen and (max-width: 991px) { /* line 189, ../sass/main.scss */
  #banner .captions { margin-left: 20px; } }
@media screen and (max-width: 1365px) { /* line 264, ../sass/main.scss */
  #banner .image { width: 50%; }
  /* line 266, ../sass/main.scss */
  #banner .image img { width: 100%; } }
@media screen and (min-width: 1366px) { /* line 272, ../sass/main.scss */
  #banner .captions { margin-top: -150px; }
  /* line 275, ../sass/main.scss */
  #banner .image { position: relative; right: -50px; } }
@media screen and (max-width: 991px) { /* line 281, ../sass/main.scss */
  #banner .captions { margin-top: -130px; } }
@media screen and (max-width: 767px) { /* line 286, ../sass/main.scss */
  #banner .captions { margin-top: -50px; text-align: left; } }

/* line 292, ../sass/main.scss */
#main { background: #ffffff; position: relative; z-index: 99; }
@media screen and (max-width: 767px) { /* line 292, ../sass/main.scss */
  #main { margin-top: -50px; } }

/* line 300, ../sass/main.scss */
.fixfixed .affix { position: absolute; }

/* line 305, ../sass/main.scss */
#development-services .flex-container { display: flex; justify-content: space-between; align-items: center; }
@media screen and (max-width: 991px) { /* line 305, ../sass/main.scss */
  #development-services .flex-container { flex-flow: column-reverse; margin: auto; } }
/* line 314, ../sass/main.scss */
#development-services .box { width: 46%; background: #f4f6f7; padding: 30px; box-sizing: border-box; position: relative; }
@media screen and (min-width: 1200px) and (max-width: 1368px) { /* line 321, ../sass/main.scss */
  #development-services .box h2 { font-size: 40px; } }
@media screen and (max-width: 767px) { /* line 314, ../sass/main.scss */
  #development-services .box { padding-top: 0px; } }
/* line 328, ../sass/main.scss */
#development-services .box:after { content: " "; background: url(../images/box-outer.png) no-repeat 0 0; position: absolute; bottom: -55px; height: 74px; width: 100%; background-size: cover; left: 0; }
/* line 338, ../sass/main.scss */
#development-services .box p { color: #4f4d4e; font-weight: 300; padding: 30px 0 0; }
/* line 342, ../sass/main.scss */
#development-services .box p strong { font-weight: 700; color: #141414; display: block; margin-top: 30px; }
@media screen and (max-width: 1199px) { /* line 314, ../sass/main.scss */
  #development-services .box { width: 52%; margin-right: 15px; }
  /* line 352, ../sass/main.scss */
  #development-services .box p { font-size: 17px; } }
@media screen and (max-width: 991px) { /* line 314, ../sass/main.scss */
  #development-services .box { width: 98%; margin: 0 2%; } }
@media screen and (max-width: 1199px) { /* line 361, ../sass/main.scss */
  #development-services .image { width: 44%; }
  /* line 364, ../sass/main.scss */
  #development-services .image img { max-width: 100%; } }
@media screen and (max-width: 991px) { /* line 361, ../sass/main.scss */
  #development-services .image { margin-bottom: 20px; } }

/* line 374, ../sass/main.scss */
.testimonialloop { background: url(../images/testimonial-bg.png) no-repeat 0 0; background-size: 100% 100%; position: relative; margin-bottom: 50px; }
/* line 379, ../sass/main.scss */
.testimonialloop .box { padding: 80px 0 60px; position: relative; text-align: center; margin: 50px 0; }
/* line 384, ../sass/main.scss */
.testimonialloop .box i { display: block; margin-top: 25px; }
@media screen and (max-width: 1199px) { /* line 379, ../sass/main.scss */
  .testimonialloop .box { padding-left: 50px; padding-right: 50px; } }
@media screen and (max-width: 767px) { /* line 374, ../sass/main.scss */
  .testimonialloop { background: none; }
  /* line 395, ../sass/main.scss */
  .testimonialloop.last:before { background: url(../images/tesimonial-outer.png) no-repeat top center; width: 100%; background-size: cover; height: 71px; content: " "; position: absolute; left: 0; top: -20px; transform: rotateX(180deg); opacity: 0.3; }
  /* line 407, ../sass/main.scss */
  .testimonialloop:after { background: url(../images/tesimonial-outer.png) no-repeat bottom center; width: 100%; background-size: cover; height: 71px; content: " "; position: absolute; left: 0; bottom: 0px; }
  /* line 417, ../sass/main.scss */
  .testimonialloop .box { padding: 50px 0; } }

/* line 422, ../sass/main.scss */
.whoweare { background: url(../images/whoweare-bg.png) no-repeat 0 -400px; background-size: cover; padding: 40px 0 550px; }
/* line 426, ../sass/main.scss */
.whoweare .info { width: 40%; margin-left: 50%; margin-top: 150px; }
@media screen and (max-width: 1370px) { /* line 426, ../sass/main.scss */
  .whoweare .info { margin-top: 50px; } }
/* line 433, ../sass/main.scss */
.whoweare .info p { margin-top: 20px; }
@media screen and (max-width: 1199px) { /* line 433, ../sass/main.scss */
  .whoweare .info p { font-size: 17px; } }
@media screen and (min-width: 1920px) { /* line 422, ../sass/main.scss */
  .whoweare { background-position: 0 -200px; padding: 40px 0 400px; background-size: 80% 140%; } }
@media screen and (min-width: 1921px) { /* line 422, ../sass/main.scss */
  .whoweare { background-size: 60% 100%; } }
@media screen and (min-width: 1200px) and (max-width: 1368px) { /* line 422, ../sass/main.scss */
  .whoweare { padding-bottom: 400px; } }
@media screen and (max-width: 1199px) { /* line 422, ../sass/main.scss */
  .whoweare { padding-bottom: 300px; } }
@media screen and (max-width: 991px) { /* line 422, ../sass/main.scss */
  .whoweare { background: none; padding-bottom: 80px; }
  /* line 457, ../sass/main.scss */
  .whoweare .info { width: 96%; margin: 0 2%; } }
@media screen and (max-width: 767px) { /* line 422, ../sass/main.scss */
  .whoweare { padding: 0px 0 50px; text-align: center; }
  /* line 465, ../sass/main.scss */
  .whoweare h2 { margin-top: 0px; } }

/* line 468, ../sass/main.scss */
#whatweoffer { padding: 70px 0 0; background: url(../images/whatweoffer-img.png) no-repeat right 0px; background-size: contain; }
@media screen and (max-width: 1368px) { /* line 468, ../sass/main.scss */
  #whatweoffer { background-position: right 0px; padding: 0px; } }
@media screen and (max-width: 1199px) { /* line 468, ../sass/main.scss */
  #whatweoffer { background-position: right 0px; background-size: contain; } }
@media screen and (max-width: 991px) { /* line 468, ../sass/main.scss */
  #whatweoffer { background-position: right 50px; background-size: 30%; } }
@media screen and (max-width: 767px) { /* line 468, ../sass/main.scss */
  #whatweoffer { background: none; } }
/* line 487, ../sass/main.scss */
#whatweoffer .flex-container { display: flex; justify-content: space-between; }
/* line 491, ../sass/main.scss */
#whatweoffer .box { width: 54%; background: #f4f6f7; padding: 30px; box-sizing: border-box; position: relative; }
/* line 497, ../sass/main.scss */
#whatweoffer .box:after { content: " "; background: url(../images/box-outer.png) no-repeat 0 0; position: absolute; bottom: -55px; height: 74px; width: 100%; background-size: cover; left: 0; }
/* line 507, ../sass/main.scss */
#whatweoffer .box p { color: #4f4d4e; font-weight: 300; padding: 15px 0 0; margin: 0px; }
@media screen and (max-width: 1199px) { /* line 507, ../sass/main.scss */
  #whatweoffer .box p { font-size: 17px; } }
@media screen and (max-width: 991px) { /* line 491, ../sass/main.scss */
  #whatweoffer .box { width: 66%; margin-left: 2%; } }
@media screen and (max-width: 767px) { /* line 491, ../sass/main.scss */
  #whatweoffer .box { margin: 0 2%; width: 96%; text-align: center; } }

/* line 527, ../sass/main.scss */
.whatelseweoffer { text-align: center; padding: 10px 0 50px; }
/* line 530, ../sass/main.scss */
.whatelseweoffer p { line-height: 1.3; }
@media screen and (max-width: 991px) { /* line 527, ../sass/main.scss */
  .whatelseweoffer { padding: 30px 15px 50px; } }
@media screen and (max-width: 767px) { /* line 527, ../sass/main.scss */
  .whatelseweoffer { padding: 0 15px; } }

/* line 540, ../sass/main.scss */
.getaquote { padding: 20px 0; text-align: center; }
/* line 543, ../sass/main.scss */
.getaquote .text1 { color: #1f4862; font-size: 22px; font-weight: 400; margin-bottom: 18px; }
@media screen and (max-width: 767px) { /* line 543, ../sass/main.scss */
  .getaquote .text1 { font-size: 20px; } }
@media screen and (max-width: 1280px) { /* line 543, ../sass/main.scss */
  .getaquote .text1 { margin-top: 50px; font-size: 24px; } }
@media screen and (max-width: 1280px) { /* line 540, ../sass/main.scss */
  .getaquote { padding: 0; } }
/* line 559, ../sass/main.scss */
.getaquote .callnum { background-color: #1f4862; font-size: 30px; color: #ffffff; font-weight: 100; padding: 15px; position: relative; display: inline-block; }
/* line 567, ../sass/main.scss */
.getaquote .callnum a { color: #ffffff; }
@media screen and (max-width: 1200px) { /* line 559, ../sass/main.scss */
  .getaquote .callnum { font-size: 24px; margin-bottom: 90px; } }
@media screen and (max-width: 767px) { /* line 559, ../sass/main.scss */
  .getaquote .callnum { margin-bottom: 60px; } }
/* line 578, ../sass/main.scss */
.getaquote .hid { display: none !important; }
@media screen and (max-width: 767px) { /* line 582, ../sass/main.scss */
  .getaquote .hid { display: inline-block !important; } }

/* line 587, ../sass/main.scss */
#pricing { padding: 70px 0 30px; background: #ffffff; }
@media screen and (max-width: 1199px) { /* line 587, ../sass/main.scss */
  #pricing { padding-bottom: 80px; } }
@media screen and (max-width: 991px) { /* line 587, ../sass/main.scss */
  #pricing { padding: 0px; } }
/* line 597, ../sass/main.scss */
#pricing .priceboxouter h2 { text-align: center; margin: 0px; }
/* line 602, ../sass/main.scss */
#pricing .pricebox { display: flex; justify-content: center; padding-top: 20px; text-align: center; }
/* line 607, ../sass/main.scss */
#pricing .pricebox h3 { font-weight: 400; color: #070502; margin-bottom: 0px; }
@media screen and (max-width: 1170px) { /* line 602, ../sass/main.scss */
  #pricing .pricebox { padding: 20px 2% 0; width: 96%; box-sizing: border-box; } }
/* line 617, ../sass/main.scss */
#pricing .pricebox table { border: 1px #e7e7e8 solid; }
/* line 620, ../sass/main.scss */
#pricing .pricebox .head { background: #889eaa; color: #fff; }
/* line 623, ../sass/main.scss */
#pricing .pricebox .head span { font-size: 13px; }
/* line 626, ../sass/main.scss */
#pricing .pricebox .head td:nth-child(even) { background: #7b95a1; }
/* line 630, ../sass/main.scss */
#pricing .pricebox .body:nth-child(odd) { background: #f3f3f3; }
/* line 633, ../sass/main.scss */
#pricing .pricebox td { padding: 17px 20px; }
@media screen and (max-width: 767px) { /* line 633, ../sass/main.scss */
  #pricing .pricebox td { font-size: 16px; } }
/* line 638, ../sass/main.scss */
#pricing .pricebox td:first-child { text-align: left; }
/* line 641, ../sass/main.scss */
#pricing .pricebox td:nth-child(even) { background: rgba(243, 243, 243, 0.5); }
@media screen and (max-width: 1199px) { /* line 602, ../sass/main.scss */
  #pricing .pricebox { overflow-x: scroll; width: 100%; }
  /* line 648, ../sass/main.scss */
  #pricing .pricebox table { width: 220%; } }
@media screen and (max-width: 640px) { /* line 587, ../sass/main.scss */
  #pricing { padding-bottom: 0px; }
  /* line 655, ../sass/main.scss */
  #pricing .pricebox { flex-flow: column; }
  /* line 657, ../sass/main.scss */
  #pricing .pricebox .box { width: 94%; box-sizing: border-box; margin-bottom: 20px; } }

/* line 665, ../sass/main.scss */
#portfolio { position: relative; padding: 70px 0 50px; }
@media screen and (max-width: 767px) { /* line 669, ../sass/main.scss */
  #portfolio p { padding: 0px 25px 0 2px; } }
/* line 673, ../sass/main.scss */
#portfolio .head { text-align: center; }
/* line 675, ../sass/main.scss */
#portfolio .head h2 { margin: 0 0 25px; }
@media screen and (max-width: 991px) { /* line 665, ../sass/main.scss */
  #portfolio { margin: 0; }
  /* line 681, ../sass/main.scss */
  #portfolio h3 { margin: 0px 15px; font-size: 20px; margin-bottom: 20px !important; } }
@media screen and (max-width: 767px) { /* line 665, ../sass/main.scss */
  #portfolio { margin: 0; } }
/* line 690, ../sass/main.scss */
#portfolio .bx-pager { padding-top: 40px; }
@media screen and (max-width: 767px) { /* line 690, ../sass/main.scss */
  #portfolio .bx-pager { padding-top: 0px; } }
/* line 697, ../sass/main.scss */
#portfolio .bxslider ul { margin-bottom: 20px; }
/* line 700, ../sass/main.scss */
#portfolio .bxslider li { padding: 6px 0 0; }
@media screen and (max-width: 1199px) { /* line 703, ../sass/main.scss */
  #portfolio .bxslider li img { margin-top: 70px; } }
@media screen and (max-width: 991px) { /* line 700, ../sass/main.scss */
  #portfolio .bxslider li { padding-bottom: 50px; }
  /* line 709, ../sass/main.scss */
  #portfolio .bxslider li img { max-width: 75%; margin: auto; } }
@media screen and (max-width: 1560px) { /* line 700, ../sass/main.scss */
  #portfolio .bxslider li { padding-bottom: 0px; } }
@media screen and (max-width: 991px) { /* line 718, ../sass/main.scss */
  #portfolio .bxslider li img { margin-bottom: 20px; } }
/* line 724, ../sass/main.scss */
#portfolio .outside { position: absolute; top: 40%; bottom: 40%; z-index: 999; width: 100%; }
/* line 730, ../sass/main.scss */
#portfolio .outside a.bx-prev { background: url(../images/arrow-left.svg) no-repeat 0 0; width: 7%; height: 48px; display: inline-block; }
@media screen and (max-width: 640px) { /* line 730, ../sass/main.scss */
  #portfolio .outside a.bx-prev { width: 5%; } }
/* line 739, ../sass/main.scss */
#portfolio .outside a.bx-next { background: url(../images/arrow-right.svg) no-repeat 0 0; width: 7%; height: 48px; display: inline-block; float: right; }
@media screen and (max-width: 640px) { /* line 739, ../sass/main.scss */
  #portfolio .outside a.bx-next { width: 10%; } }
@media screen and (max-width: 1199px) { /* line 724, ../sass/main.scss */
  #portfolio .outside { top: 45%; bottom: 45%; } }
@media screen and (max-width: 640px) { /* line 724, ../sass/main.scss */
  #portfolio .outside { top: 50%; bottom: 50%; } }
/* line 758, ../sass/main.scss */
#portfolio .text3 { color: #000000; text-align: center; width: 60%; margin: 0 auto 100px; font-size: 22px; font-weight: 100; }
@media screen and (max-width: 767px) { /* line 758, ../sass/main.scss */
  #portfolio .text3 { font-size: 18px; width: 100%; margin-bottom: 50px; padding: 0 15px; } }
/* line 772, ../sass/main.scss */
#portfolio .title { font-size: 32px; color: #000000; font-weight: 200; margin-bottom: 10px; margin-top: 70px; }
@media screen and (max-width: 991px) { /* line 772, ../sass/main.scss */
  #portfolio .title { margin-top: 0px; } }
@media screen and (max-width: 767px) { /* line 772, ../sass/main.scss */
  #portfolio .title { font-size: 24px; } }
/* line 785, ../sass/main.scss */
#portfolio .projectinfo { font-size: 24px; font-weight: 300; margin: 20px 0; }
@media screen and (max-width: 767px) { /* line 785, ../sass/main.scss */
  #portfolio .projectinfo { font-size: 20px; } }
/* line 792, ../sass/main.scss */
#portfolio .projectinfo li { padding: 0 0 10px; }
/* line 796, ../sass/main.scss */
#portfolio p { font-weight: 200; line-height: 26px; font-size: 16px; }
@media screen and (max-width: 640px) { /* line 796, ../sass/main.scss */
  #portfolio p { font-size: 15px; } }
/* line 805, ../sass/main.scss */
#portfolio h3 { margin-bottom: 40px; font-weight: 300; }
/* line 809, ../sass/main.scss */
#portfolio a.startbtn { background: #1f4862; padding: 10px 20px; color: #ffffff; font-size: 36px; font-weight: 300; display: inline-block; margin: auto; position: relative; }
@media screen and (max-width: 767px) { /* line 809, ../sass/main.scss */
  #portfolio a.startbtn { font-size: 24px; } }
@media screen and (min-width: 1170px) { /* line 822, ../sass/main.scss */
  #portfolio a.startbtn:before { border: 1px #7f7f7f solid; position: absolute; left: -110%; top: 40px; content: " "; width: 100%; }
  /* line 830, ../sass/main.scss */
  #portfolio a.startbtn:after { border: 1px #7f7f7f solid; position: absolute; right: -110%; left: auto; top: 40px; content: " "; width: 100%; } }
/* line 841, ../sass/main.scss */
#portfolio .bxslidertwo { text-align: center; }
/* line 843, ../sass/main.scss */
#portfolio .bxslidertwo p { font-size: 24px; }

/* line 848, ../sass/main.scss */
#yoursituation { background: url(../images/whyweus-img.png) no-repeat 0 -100px; background-size: cover; }
@media screen and (min-width: 1920px) { /* line 848, ../sass/main.scss */
  #yoursituation { background-position: 0 -150px; padding-bottom: 100px; } }
@media screen and (min-width: 1921px) { /* line 848, ../sass/main.scss */
  #yoursituation { background-size: 100% 100%; } }
@media screen and (max-width: 1199px) { /* line 848, ../sass/main.scss */
  #yoursituation { background-size: contain; } }
@media screen and (max-width: 991px) { /* line 848, ../sass/main.scss */
  #yoursituation { background: none; } }
/* line 864, ../sass/main.scss */
#yoursituation .flex-container.content { width: 768px; }
/* line 867, ../sass/main.scss */
#yoursituation .content { text-align: center; margin-top: 50px; }
/* line 870, ../sass/main.scss */
#yoursituation .content strong { margin-top: 15px; display: block; }
@media screen and (max-width: 767px) { /* line 874, ../sass/main.scss */
  #yoursituation .content.first { margin-top: 0px; }
  /* line 877, ../sass/main.scss */
  #yoursituation .content.first h2 { margin-top: 0px; } }
/* line 880, ../sass/main.scss */
#yoursituation .content.last { margin-bottom: 150px; }
@media screen and (max-width: 767px) { /* line 880, ../sass/main.scss */
  #yoursituation .content.last { margin-bottom: 0px; } }
/* line 885, ../sass/main.scss */
#yoursituation .content.last p { line-height: 2; }

/* line 891, ../sass/main.scss */
.service { padding: 20px 0; }
/* line 893, ../sass/main.scss */
.service .row { display: flex; align-items: center; }
@media screen and (max-width: 767px) { /* line 893, ../sass/main.scss */
  .service .row { display: inline-block; }
  /* line 898, ../sass/main.scss */
  .service .row .col-xs-4:nth-child(2) img { width: 120%; margin-top: 10px; }
  /* line 902, ../sass/main.scss */
  .service .row .col-xs-4:last-child img { width: 90%; margin-top: 10px; } }
@media screen and (max-width: 991px) { /* line 909, ../sass/main.scss */
  .service img { width: 80%; } }
@media screen and (max-width: 767px) { /* line 891, ../sass/main.scss */
  .service { padding: 0px; } }

/* line 917, ../sass/main.scss */
#footer { position: relative; z-index: 100; background: url(../images/footer-bg.png) no-repeat 0 0; background-size: cover; width: 100%; }
/* line 923, ../sass/main.scss */
#footer h5 { font-size: 18px; color: #7f7f7f; font-weight: 300; margin-bottom: 0px; }
/* line 929, ../sass/main.scss */
#footer .error { color: red; font-size: 14px; }
/* line 933, ../sass/main.scss */
#footer .thank-you { display: none; font-size: 16px; }
/* line 937, ../sass/main.scss */
#footer .footertop { padding: 50px; position: relative; z-index: 9999; background: #ffffff; }
@media screen and (max-width: 767px) { /* line 937, ../sass/main.scss */
  #footer .footertop { padding: 30px 50px; } }
/* line 945, ../sass/main.scss */
#footer .footertop .content { text-align: center; margin-bottom: 100px; }
/* line 948, ../sass/main.scss */
#footer .footertop .content strong { display: block; margin-top: 25px; }
/* line 953, ../sass/main.scss */
#footer .footertop .top { margin-bottom: 80px; }
/* line 955, ../sass/main.scss */
#footer .footertop .top p { margin-top: 25px; }
/* line 957, ../sass/main.scss */
#footer .footertop .top p span { font-size: 24px; display: block; }
@media only screen and (max-width: 767px) { /* line 964, ../sass/main.scss */
  #footer .footertop .btntext { text-align: center; }
  /* line 966, ../sass/main.scss */
  #footer .footertop .btntext .btn { float: none; } }
/* line 971, ../sass/main.scss */
#footer .footertop input.field { border: 0px; width: 100%; border-bottom: 1px #a1a1a1 solid; padding: 0; font-size: 16px; }
/* line 977, ../sass/main.scss */
#footer .footertop input.field:focus { border-color: #252525; color: #252525; }
/* line 982, ../sass/main.scss */
#footer .footertop .advanceds { margin-top: 30px; margin-bottom: 0px; color: #7f7f7f; font-size: 16px; text-align: left; }
@media only screen and (max-width: 767px) { /* line 989, ../sass/main.scss */
  #footer .footertop .advanceds .row.advanceds { margin-bottom: 10px; } }
/* line 993, ../sass/main.scss */
#footer .footertop .advanceds span { display: block; color: #1f4862; font-size: 24px; font-weight: 300; }
/* line 1001, ../sass/main.scss */
#footer .footertop .messagebox { margin-top: 25px; }
/* line 1003, ../sass/main.scss */
#footer .footertop .messagebox h5 { margin-bottom: 10px; }
/* line 1006, ../sass/main.scss */
#footer .footertop .messagebox textarea { border: 0px; width: 100%; border-bottom: 1px #a1a1a1 solid; padding: 7px 0; font-size: 18px; color: #969696; height: 90px; margin-bottom: 30px; }
/* line 1015, ../sass/main.scss */
#footer .footertop .messagebox textarea:focus { border-color: #070502; color: #070502; }
/* line 1021, ../sass/main.scss */
#footer .footertop .btnform { border-radius: 0px; background: #1f4862; color: #ffffff; padding: 10px 70px; font-size: 18px; margin-bottom: 10px; }
/* line 1028, ../sass/main.scss */
#footer .footertop .btnform:hover { background: #6e6e6e; }
@media screen and (max-width: 767px) { /* line 1021, ../sass/main.scss */
  #footer .footertop .btnform { padding: 10px 20px; } }
@media only screen and (max-width: 767px) { /* line 1036, ../sass/main.scss */
  #footer .footertop .abvance-opts-bx .funkyradio-default, #footer .footertop .abvance-opts-bx .funkyradio-default-last { float: left; width: 50%; } }
@media only screen and (max-width: 767px) and (max-width: 580px) { /* line 1036, ../sass/main.scss */
  #footer .footertop .abvance-opts-bx .funkyradio-default, #footer .footertop .abvance-opts-bx .funkyradio-default-last { width: 100%; }
  /* line 1042, ../sass/main.scss */
  #footer .footertop .abvance-opts-bx .funkyradio-default label, #footer .footertop .abvance-opts-bx .funkyradio-default-last label { font-size: 15px; margin-bottom: 10px; } }

@media only screen and (max-width: 580px) { /* line 1050, ../sass/main.scss */
  #footer .footertop .sliderrange h5 { margin-bottom: 20px; } }
/* line 1055, ../sass/main.scss */
#footer .footer-section-1 { background: #2e2e2e; padding: 50px 0; position: relative; overflow: hidden; font-size: 20px; color: #fff; font-weight: 300; }
/* line 1064, ../sass/main.scss */
#footer .footer-section-1 h3 { margin-bottom: 10px; }
/* line 1067, ../sass/main.scss */
#footer .footer-section-2 { color: #ffffff; background: #232323; padding: 8px 0; position: relative; text-align: center; }
/* line 1073, ../sass/main.scss */
#footer .footer-section-2 p { margin: 10px 15px 10px 0; display: inline-block; font-size: 13px; }
/* line 1078, ../sass/main.scss */
#footer .footer-section-2 img { width: 100px; }
/* line 1082, ../sass/main.scss */
#footer :-moz-ui-invalid:not(output) { box-shadow: none !important; }
/* line 1086, ../sass/main.scss */
#footer .m-form-style label { position: relative; width: 100%; height: auto; color: #30353b; font-weight: 300; }
@media only screen and (max-width: 767px) { /* line 1086, ../sass/main.scss */
  #footer .m-form-style label { height: auto; margin-bottom: 10px; font-size: 16px; } }
/* line 1097, ../sass/main.scss */
#footer .m-form-style label input { background-color: transparent; height: 26px; height: 2.6rem; width: 100%; border: 0; border-bottom: 1px solid #9B9B9B; z-index: 2; font-size: 15px; font-size: 1.5rem; }
/* line 1107, ../sass/main.scss */
#footer .m-form-style label input:focus { outline: none; border-bottom: 2px solid #88909b !important; -webkit-transition: 500ms; transition: 500ms; }
@media only screen and (max-width: 991px) { /* line 1107, ../sass/main.scss */
  #footer .m-form-style label input:focus { -webkit-transition: 1000ms; transition: 1000ms; } }
/* line 1117, ../sass/main.scss */
#footer .m-form-style label input:focus + span, #footer .m-form-style label input:valid + span { top: -3px; font-size: 11px; color: #969696; font-weight: 400; color: #9B9B9B; letter-spacing: 0px; letter-spacing: 0.07rem; -webkit-transition: 500ms; transition: 500ms; }
@media only screen and (max-width: 991px) { /* line 1117, ../sass/main.scss */
  #footer .m-form-style label input:focus + span, #footer .m-form-style label input:valid + span { -webkit-transition: 1000ms; transition: 1000ms; } }
/* line 1135, ../sass/main.scss */
#footer .m-form-style label textarea:focus { outline: none; border-bottom: 2px solid #88909b !important; -webkit-transition: 500ms; transition: 500ms; }
@media only screen and (max-width: 991px) { /* line 1135, ../sass/main.scss */
  #footer .m-form-style label textarea:focus { -webkit-transition: 1000ms; transition: 1000ms; } }
/* line 1145, ../sass/main.scss */
#footer .m-form-style label textarea:focus + span, #footer .m-form-style label textarea:valid + span { top: -1px; font-size: 11px; color: #969696; font-weight: 400; color: #9B9B9B; opacity: 0; letter-spacing: 0px; letter-spacing: 0.07rem; -webkit-transition: 500ms; transition: 500ms; }
@media only screen and (max-width: 991px) { /* line 1145, ../sass/main.scss */
  #footer .m-form-style label textarea:focus + span, #footer .m-form-style label textarea:valid + span { -webkit-transition: 1000ms; transition: 1000ms; } }
/* line 1163, ../sass/main.scss */
#footer .m-form-style label:not(:first-child) { margin-top: 1rem; }
/* line 1166, ../sass/main.scss */
#footer .m-form-style label:not(:last-child) input { margin-bottom: 0px; margin-bottom: 0rem; }
/* line 1170, ../sass/main.scss */
#footer .m-form-style label span { position: absolute; left: 2px; top: 10px; -webkit-transition: 500ms; transition: 500ms; z-index: 1; font-weight: 200; font-size: 16px; color: #969696; }
@media only screen and (max-width: 991px) { /* line 1170, ../sass/main.scss */
  #footer .m-form-style label span { -webkit-transition: 1000ms; transition: 1000ms; } }
/* line 1186, ../sass/main.scss */
#footer .m-form-style .textarea { margin-top: 10px !important; }
@media only screen and (max-width: 767px) { /* line 1186, ../sass/main.scss */
  #footer .m-form-style .textarea { margin-top: 5px; } }
/* line 1191, ../sass/main.scss */
#footer .m-form-style .textarea span { top: 8px; }
/* line 1195, ../sass/main.scss */
#footer .m-form-style .funkyradio-default-last label { height: auto; font-size: 16px; font-weight: 300; }
/* line 1202, ../sass/main.scss */
#footer .footerlogo { margin-bottom: 20px; }
/* line 1205, ../sass/main.scss */
#footer .footer-inner-info div { padding: 10px; padding-left: 40px; color: #1e1e1e; font-size: 16px; font-weight: 300; }
/* line 1212, ../sass/main.scss */
#footer .footer-inner-info .fb-icon { background: url(../images/callus-icon.svg) no-repeat 0 10px; background-size: 25px; }
/* line 1216, ../sass/main.scss */
#footer .footer-inner-info .tweet-icon { background: url(../images/emailus-icon.svg) no-repeat 0 10px; background-size: 25px; }
/* line 1220, ../sass/main.scss */
#footer .footer-inner-info .gPlus-icon { background: url(../images/map-icon.svg) no-repeat 0 10px; background-size: 25px; }
@media screen and (max-width: 767px) { /* line 1226, ../sass/main.scss */
  #footer .footer-inner-info div { background: none !important; padding-left: 0; font-size: 14px; } }
/* line 1232, ../sass/main.scss */
#footer .copyright { padding: 30px 0; text-align: center; color: #ffffff; }
/* line 1236, ../sass/main.scss */
#footer .copyright p { font-weight: 600; margin-bottom: 15px; font-size: 14px; display: block; }
@media screen and (max-width: 991px) { /* line 1244, ../sass/main.scss */
  #footer .top, #footer .boxtwo { float: left; width: 50%; margin-top: 20px; } }
@media screen and (max-width: 767px) { /* line 1251, ../sass/main.scss */
  #footer .top, #footer .boxtwo { float: none; width: 100%; text-align: center; }
  /* line 1256, ../sass/main.scss */
  #footer .top { margin: 30px 0 !important; }
  /* line 1259, ../sass/main.scss */
  #footer .boxtwo { margin-top: 0px; } }

@media only screen and (max-width: 767px) { /* line 1266, ../sass/main.scss */
  .animated { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; }
  /* line 1286, ../sass/main.scss */
  p { padding: 0 15px; font-size: 16px; } }