body {
  padding : 0;
  margin : 0;
  font-family : 'Open Sans', sans-serif;
  background : #fff;
  position : relative
}
body a {
  transition : 0.5s all;-webkit-transition : 0.5s all;-moz-transition : 0.5s all;-o-transition : 0.5s all;-ms-transition : 0.5s all
}
  a : hover {
  text-decoration : none
}
input[type="button"], input[type="submit"], .port-grid, .text p, .text h3 {
  transition : 0.5s all;-webkit-transition : 0.5s all;-moz-transition : 0.5s all;-o-transition : 0.5s all;-ms-transition : 0.5s all
}
h1, h2, h3, h4, h5, h6 {
  margin : 0
}
p {
  margin : 0
}
ul {
  margin : 0;
  padding : 0
}
label {
  margin : 0
}
.box {
  width : 100%;
  background : #fff;
  margin : 0;
  border-radius : 2px
}
.css3-shadow {
  position : relative;-webkit-box-shadow : 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow : 0 1px 4px rgba(0, 0, 0, 0.3)
}
  .css3-shadow : after {
  content : ""
}
.logo {
  float : left;
  width : 25.5%;
  margin-top : 1.2em
}
.top-header {
  margin-top : 1.5em
}
nav.top-nav {
  float : left
}
.h_menu4 {
  float : left
}
.t-Menu {
  display : none;
  background : #11344e;
  width : 100%;
  color : #FFF;
  font-size : 1.5em
}
.nav {
  list-style : none;
  padding : 0 1em
}
.nav ul {
  list-style : none;
  width : 13em;
  border : none;
  z-index : 888
}
.nav li a {
  display : block;
  padding : 29.5px 23px;
  color : #3f5348;
  font-size : 1.1em;
  text-transform : capitalize;
  font-weight : 400;-webkit-transition : all 0.3s ease-out;-moz-transition : all 0.3s ease-out;-ms-transition : all 0.3s ease-out;-o-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
  text-decoration : none;
  border-top : 4px solid #fff
}
  .nav li a : hover {
  color : #fff
}
.nav li {
  position : relative
}
.nav > li {
  float : left
}
  .nav > li > a : hover {
  color : #1089e3;
  background : -moz-linear-gradient(top, rgba(225, 225, 225, 0.6) 0%, rgba(225, 225, 225, 0.6) 35%, rgba(225, 225, 225, 0.56) 46%, rgba(225, 225, 225, 0.48) 54%, rgba(225, 225, 225, 0.2) 72%, rgba(225, 225, 225, 0.09) 81%, rgba(225, 225, 225, 0.04) 86%, rgba(225, 225, 225, 0) 100%);
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(225, 225, 225, 0.6)), color-stop(35%, rgba(225, 225, 225, 0.6)), color-stop(46%, rgba(225, 225, 225, 0.56)), color-stop(54%, rgba(225, 225, 225, 0.48)), color-stop(72%, rgba(225, 225, 225, 0.2)), color-stop(81%, rgba(225, 225, 225, 0.09)), color-stop(86%, rgba(225, 225, 225, 0.04)), color-stop(100%, rgba(225, 225, 225, 0)));
  background : -webkit-linear-gradient(top, rgba(225, 225, 225, 0.6) 0%, rgba(225, 225, 225, 0.6) 35%, rgba(225, 225, 225, 0.56) 46%, rgba(225, 225, 225, 0.48) 54%, rgba(225, 225, 225, 0.2) 72%, rgba(225, 225, 225, 0.09) 81%, rgba(225, 225, 225, 0.04) 86%, rgba(225, 225, 225, 0) 100%);
  background : -o-linear-gradient(top, rgba(225, 225, 225, 0.6) 0%, rgba(225, 225, 225, 0.6) 35%, rgba(225, 225, 225, 0.56) 46%, rgba(225, 225, 225, 0.48) 54%, rgba(225, 225, 225, 0.2) 72%, rgba(225, 225, 225, 0.09) 81%, rgba(225, 225, 225, 0.04) 86%, rgba(225, 225, 225, 0) 100%);
  background : -ms-linear-gradient(top, rgba(225, 225, 225, 0.6) 0%, rgba(225, 225, 225, 0.6) 35%, rgba(225, 225, 225, 0.56) 46%, rgba(225, 225, 225, 0.48) 54%, rgba(225, 225, 225, 0.2) 72%, rgba(225, 225, 225, 0.09) 81%, rgba(225, 225, 225, 0.04) 86%, rgba(225, 225, 225, 0) 100%);
  background : linear-gradient(to bottom, rgba(225, 225, 225, 0.6) 0%, rgba(225, 225, 225, 0.6) 35%, rgba(225, 225, 225, 0.56) 46%, rgba(225, 225, 225, 0.48) 54%, rgba(225, 225, 225, 0.2) 72%, rgba(225, 225, 225, 0.09) 81%, rgba(225, 225, 225, 0.04) 86%, rgba(225, 225, 225, 0) 100%);
  filter : progid : DXImageTransform.Microsoft.gradient( startColorstr='#99e1e1e1', endColorstr='#00e1e1e1', GradientType=0 );
  border-top : 4px solid #45a4eb
}
.nav > li.hover > ul {
  left : 0px;
  top : 45px
}
.nav li li.hover ul {
  left : 100%;-webkit-transition : background .2s linear;-moz-transition : background .2s linear;-ms-transition : background .2s linear;-o-transition : background .2s linear;
  transition : background .2s linear
}
.nav > li > li > a {
  font-size : 0.85em;
  padding : 10px 20px;
  display : block;
  color : #555;
  background : #fff;
  position : relative;
  z-index : 9999;
  font-weight : normal;-webkit-transition : all 0.3s ease-out;-moz-transition : all 0.3s ease-out;-ms-transition : all 0.3s ease-out;-o-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
  width : 100%;
  text-decoration : none;
  margin : 0;
  borde : none;
  text-transform : lowercase
}
.nav li li {
  border-top : none
}
  .nav li li : hover {
  border-top : none
}
.nav li li a {
  text-transform : capitalize;
  font-size : 1em;
  padding : 0.8em;
  color : #585858;
  border-top : none;
  border-bottom : 2px ridge rgba(245, 245, 245, 0.13)
}
  .nav li li a : hover {
  color : #000;
  padding : 0.8em;
  background : #fff
}
.nav > li > ul {
  position : absolute;
  left : -9999px;
  padding : 0;
  z-index : 9999;
  background : #e6e6e6;
  padding : 0em 0;
  border-top : 4px solid #45a4eb
}
a.toggleMenu {
  display : none
}
  @media screen and (max-width: 800px) {
  .logo{text-align : center;
  float : none;
  margin-top : 0.5em;
  margin-right : 0em
}
.h_logo4 {
  text-align : center;
  float : none;
  margin : 4% 0
}
.h_menu4 {
  float : none
}
.t-Menu {
  padding : 5px 23px;
  width : 100%;
  display : block
}
a.t-Menu {
  padding : 5px 23px;
  color : #fff;
  font-size : 19px;
  font-weight : 400;
  text-decoration : none
}
.nav {
  margin-top : 0
}
.nav li a {
  padding : 10px 15px
}
.nav {
  background : #fff
}
.active {
  display : block
}
.nav > li {
  float : none
}
.nav > li > .parent {
  background-position : 95% 50% !important
}
.nav ul {
  display : block;
  width : 100%
}
.nav > li.hover > ul, .nav li li.hover ul {
  position : static
}
.header_bottom_right {
  float : right;
  width : 77%;
  text-align : center
}
.h_menu4 {
  float : none;
  width : 100%;
  margin : 0.3em 0 0 0
}
.social_icons {
  float : right;
  margin-top : 2em;
  display : none
}
}.logo a {
  display : block
}
.social_icons {
  float : right;
  margin-top : 2em
}
.social_icons i {
  width : 26px;
  height : 26px;
  background : url('../images/s-icons.png') no-repeat 0px 0px;
  display : inline-block
}
.social_icons li {
  list-style : none;
  display : inline-block
}
i.facebook {
  background-position : -241px -5px
}
  i.facebook : hover {
  background-position : -241px -44px
}
i.twitter {
  background-position : -267px -5px
}
i.twitter {
  background-position : -267px -44px
}
i.rss {
  background-position : -293px -5px
}
  i.rss : hover {
  background-position : -293px -44px
}
i.viemo {
  background-position : -318px -5px
}
  i.viemo : hover {
  background-position : -318px -44px
}
i.youtube {
  background-position : -341px -5px
}
  i.youtube : hover {
  background-position : -341px -44px
}
i.linkedin {
  background-position : -368px -5px
}
  i.linkedin : hover {
  background-position : -368px -44px
}
.slider {
  position : relative;
  text-align : center
}
.rslides {
  position : relative;
  list-style : none;
  overflow : hidden;
  width : 100%;
  padding : 0;
  margin : 0
}
.rslides h3 {
  color : #fff;
  font-size : 3.5em;
  width : 73%;
  margin : 6em auto 0;
  font-weight : 400;
  text-transform : uppercase;
  line-height : 1.2em
}
.rslides h3 span {
  color : #d6ff00
}
.rslides p {
  color : #fff;
  font-size : 2.2em;
  font-weight : 300;
  text-align : center
}
.rslides li {
  -webkit-backface-visibility : hidden;
  position : absolute;
  display : none;
  width : 100%;
  left : 0;
  top : 0
}
  .rslides li : first-child {
  position : relative;
  display : block;
  float : left
}
  .callbacks_tabs a : after {
  content : "\f111";
  font-size : 0;
  font-family : FontAwesome;
  visibility : visible;
  display : block;
  width : 51px;
  height : 27px;
  display : inline-block;
  border : 1px solid #fff;
  background : #fff
}
  .callbacks_here a : after {
  border : 1px solid #e3eaf0;
  background : #11344e
}
.callbacks_tabs a {
  visibility : hidden
}
.callbacks_tabs li {
  display : inline-block
}
ul.callbacks_tabs.callbacks1_tabs {
  position : absolute;
  bottom : 7.3%;
  z-index : 999;
  left : -76%;
  display : block
}
.callbacks_nav {
  position : absolute;-webkit-tap-highlight-color : rgba(0, 0,0, 0);
  top : 73%;
  left : 15%;
  opacity : 0.7;
  z-index : 3;
  background : transparent url("../images/gif.png") no-repeat 0px 0px;
  margin-top : -45px;
  display : none
}
.callbacks_nav.next {
  left : auto;
  background-position : right top;
  right : 15%
}
.slider-bg {
  background : url("../images/bg.jpg") no-repeat 0px 0px;
  padding : 5em 0 0 0;
  background-size : cover;-webkit-background-size : cover;-o- background-size : cover;-moz- background-size : cover;
  min-height : 520px
}
.left-grid-1 {
  margin-top : 2em;
  float : left
}
.right-grid-1 {
  float : right
}
.left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3 {
  color : #fff;
  background : #1d76b8;
  padding : 0.2em 0.2em;
  width : 71%;
  font-size : 4em;
  border-bottom : 1px solid #fff;
  font-family : 'Oswald', sans-serif
}
.left-grid-1 h2 {
  width : 60%;
  font-size : 4em;
  border : none
}
.left-grid-1 h3 {
  border-top : 1px solid #fff;
  border-bottom : none
}
.service-section {
  padding : 5em 0em
}
.services-section-grid, .services-section-grid.lost {
  background : url(../images/ser-bg.png)no-repeat 0px 0px;
  padding : 0
}
.services-section-grid.lost {
  margin : 0
}
.service-icon {
  float : left;
  width : 18%;
  margin-right : 2%
}
.service-icon-heading {
  float : left;
  width : 80%;
  padding : 1em 1em
}
.services-section-grid p {
  color : #999;
  font-size : 0.9em;
  line-height : 1.6em;
  font-weight : 400
}
.service-icon-heading h4 {
  color : #565252;
  font-size : 1.2em;
  font-weight : 600;
  font-family : 'Oswald', sans-serif;
  text-transform : uppercase;
  padding : 0.5em 0
}
i.rocket {
  width : 67px;
  height : 123px;
  background : url('../images/s-icons.png') no-repeat 18px 43px #1d76b8;
  display : inline-block
}
i.plan {
  width : 67px;
  height : 123px;
  background : url('../images/s-icons.png') no-repeat -66px 43px #1d76b8;
  display : inline-block
}
i.book {
  width : 67px;
  height : 123px;
  background : url('../images/s-icons.png') no-repeat -144px 43px #1d76b8;
  display : inline-block
}
i.arrow {
  width : 67px;
  height : 123px;
  background : url('../images/s-icons.png') no-repeat 22px -74px #1d76b8;
  display : inline-block
}
i.download {
  width : 67px;
  height : 123px;
  background : url('../images/s-icons.png') no-repeat -64px -69px #1d76b8;
  display : inline-block
}
i.cloud {
  width : 67px;
  height : 123px;
  background : url('../images/s-icons.png') no-repeat -142px -69px #1d76b8;
  display : inline-block
}
.serve-grids.two {
  margin-top : 1.4em
}
.mid-section {
  padding : 4em 0;
  border-top : double #ddd;
  border-bottom : double #ddd
}
.mid-top {
  background : #eee;
  padding : 3em 1em;
  border : 1px solid #ddd;
  border-left : 5px solid #4da9ee
}
.mid-text h3 {
  text-transform : uppercase;
  font-size : 1.15em;
  font-weight : 600;
  margin-bottom : 0.7em
}
.mid-text p {
  color : #999;
  font-size : 0.95em
}
.mid-text {
  float : left
}
.mid-button {
  margin-top : 1em;
  padding : 0;
  float : right
}
.mid-button a {
  padding : 1em 1em 1em 3em;
  color : #fff;
  font-size : 1.2em;
  font-weight : 600;
  text-decoration : none;-webkit-appearance : none;
  border-radius : 0.3em;-webkit-border-radius : 0.3em;-o-border-radius : 0.3em;-moz-border-radius : 0.3em;
  background : url(../images/windows.png) no-repeat 11px 14px #45a5eb;
  box-shadow : inset 0px -2px 11px #0f69ab;-webkit-box-shadow : inset 0px -2px 11px #0d65a6;-o-box-shadow : inset 0px -2px 11px #0d65a6;-moz-box-shadow : inset 0px -2px 11px #0d65a6
}
  .mid-button a : hover {
  opacity : 0.8
}
h4.stories span a {
  display : block
}
.port-section {
  padding : 3.5em 0 4em 0;
  position : relative
}
.port-section h2 {
  position : absolute;
  left : 13.3%;
  top : -3%;
  background : #fff;
  padding : 0.3em 0.3em;
  font-size : 1.34em;
  font-weight : 700
}
.port-grid {
  background : #eee;
  width : 24.2%;
  float : left;
  margin-right : 1.0%;
  padding : 1em 1em;
  position : relative
}
.port-grid.lost {
  margin-right : 0%
}
  .port-grid : hover {
  background : #44a4eb
}
.box_type {
  background : #44a4eb;
  padding : 5px 21px;
  position : absolute;
  bottom : 146px;
  color : #fff;
  left : 14px;
  font-size : 0.85em
}
.box-hover {
  position : absolute;
  bottom : 141px;
  right : 13px
}
ul.port-icons li {
  list-style : none;
  display : inline-block
}
ul.port-icons li i.per {
  width : 27px;
  height : 27px;
  display : inline-block;
  background : url("../images/s-icons.png")-243px -83px no-repeat #44a3ea
}
ul.port-icons li i.loca {
  width : 27px;
  height : 27px;
  display : inline-block;
  background : url("../images/s-icons.png")-277px -83px no-repeat #44a3ea
}
.text a h3 {
  font-size : 1.2em;
  font-weight : 600;
  text-transform : uppercase;
  margin-top : 1em;
  padding : 0em 0 0.8em 0;
  border-bottom : 2px ridge rgba(239, 240, 240, 0.08)
}
.text p {
  font-size : 0.95em;
  color : #999;
  line-height : 1.8em;
  margin : 0.5em 0
}
  .port-grid :hover .text, .port-grid.lost : hover .text, .port-grid.lost : hover .text h3, .port-grid : hover .text h3 {
  color : #fff
}
  .port-grid : hover .text p {
  color : #fff
}
  .port-grid : hover .text h3 {
  border-bottom : 1px solid #fff
}
.bottom-section {
  padding : 4em 0;
  border-top : double #ddd;
  border-bottom : double #ddd
}
.bottom-top {
  background : #eee;
  padding : 3em 1em;
  border : 1px solid #ddd;
  border-left : 5px solid #44a4ec
}
.bottom-text h3 {
  text-transform : uppercase;
  font-size : 1.15em;
  font-weight : 600;
  margin-bottom : 0.7em
}
.bottom-text p {
  color : #999;
  font-size : 0.95em
}
.bottom-text {
  float : left
}
.stories {
  position : relative;
  display : inline
}
.stories span {
  position : absolute;
  width : 185px;
  background : #45a4eb;
  display : block;
  line-height : 1em;
  text-transform : uppercase;
  height : 130px;
  top : -42px;
  padding : 2.5em 1em 1em 6em
}
  .stories span : before {
  content : '';
  position : absolute;
  top : 14%;
  left : -11%;
  width : 0;
  height : 0;
  border-right : 132px solid #eee;
  border-top : 94px solid transparent;
  transform : rotate(-269deg);-webkit-transform : rotate(-269deg);-0- transform : rotate(-269deg);-moz- transform : rotate(-269deg)
}
.blog-section {
  padding : 3em 0;
  position : relative
}
.blog-section h3 {
  position : absolute;
  left : 13.3%;
  top : -3%;
  background : #fff;
  padding : 0.3em 0.3em;
  font-size : 1.34em;
  font-weight : 700
}
.testimonal h3 {
  position : absolute;
  left : 0%;
  top : -17%;
  background : #fff;
  padding : 0.3em 0.3em;
  font-size : 1.34em;
  font-weight : 700;
  text-transform : uppercase
}
.blog-left {
  float : left;
  padding : 0;
  position : relative
}
.testimonal {
  float : right
}
.left-img a h4 {
  font-size : 1.2em;
  text-transform : uppercase;
  font-weight : 600;
  padding : 1em 0 0.4em 0
}
.left-img p {
  font-size : 0.95em;
  color : #999;
  line-height : 1.8em;
  margin : 0.5em 0;
  border-top : 1px solid #ccc;
  border-bottom : 1px solid #ccc;
  padding : 0.8em 0;
  width : 86%
}
.left-img {
  position : relative;
  padding : 0
}
ul.blog-icons {
  position : absolute;
  right : 39px;
  top : 214px
}
ul.blog-icons li {
  display : inline-block;
  list-style : none
}
ul.blog-icons li i.pencil, ul.blog-icons li i.date, ul.blog-icons li a i.cam, ul.blog-icons li i.date2 {
  width : 42px;
  height : 41px;
  display : inline-block;
  background : url("../images/s-icons.png")-242px -168px no-repeat
}
ul.blog-icons li a i.cam {
  background : url("../images/s-icons.png")-242px -122px no-repeat
}
ul.blog-icons li i.date {
  background : url("../images/s-icons.png")-292px -121px no-repeat
}
a.read {
  font-size : 1.1em;
  color : #000;
  font-weight : 500;
  padding : 0.8em 0.8em;
  background : #fff;
  margin-top : 0.8em;
  display : inline-block;
  border-radius : 0.3em;
  cursor : pointer
}
a.read span {
  width : 18px;
  height : 13px;
  display : inline-block;
  vertical-align : middle;
  background : url("../images/s-icons.png")no-repeat -293px -182px
}
  a.read : hover {
  background : #44a6ea;
  padding : 0.8em 0.8em;
  text-decoration : none;
  box-shadow : inset 0px -2px 11px #0f66ab;-o-box-shadow : inset 0px -2px 11px #0f66ab;-moz-box-shadow : inset 0px -2px 11px #0f66ab;
  color : #fff
}
.test-text h4 {
  font-size : 1.2em;
  text-transform : uppercase;
  font-weight : 600;
  line-height : 1.4em;
  margin-bottom : 0.4em
}
.test-text p {
  font-size : 1.1em;
  color : #000;
  line-height : 1.5em
}
p.test {
  font-size : 0.95em;
  color : #999;
  line-height : 1.55em;
  margin-top : 0.4em;
  font-style : italic
}
.test-text p a {
  font-size : 1em;
  color : #44a6ea
}
.test-img {
  float : left;
  padding : 0
}
.test-text {
  float : right
}
p.test span {
  background : url(../images/quotes.png)0px 0px no-repeat;
  width : 25px;
  height : 14px;
  display : inline-block
}
.test-grid.second {
  margin-top : 1.2em
}
.content {
  padding : 3em 0
}
.print-main img {
  border : 6px solid #44a6ea
}
.single {
  margin-top : 2em
}
p.span {
  color : #798184;
  font-size : 1.1em;
  font-weight : 400;
  line-height : 1.5em;
  margin : 0.5em 0
}
p.likes {
  font-size : 0.95em;
  margin : 1em 0 1em 0;
  color : #999;
  font-weight : 400
}
p.likes a {
  color : #45a4eb
}
  p.span a : hover, p.likes a : hover {
  text-decoration : underline
}
p.span a {
  color : #44a6ea;
  font-size : 1.1em;
  font-weight : 400;
  line-height : 1.5em;
  margin : 0.5em 0
}
#commentform input[type="text"] {
  padding : 8px 15px;
  width : 60%;
  color : #444;
  font-size : 1em;
  border : 1px solid #eee;
  background : #eee;
  outline : none;
  display : block
}
.leave h4 {
  color : #282828;
  font-size : 1.85em;
  font-weight : 400;
  display : block;
  line-height : 1.25em;
  text-transform : uppercase
}
#commentform label {
  display : block;
  font-size : 1.2em;
  color : #000;
  font-weight : 400
}
#commentform span {
  color : #015fa5;
  position : absolute
}
#commentform input[type="text"] {
  padding : 8px 15px;
  width : 100%;
  color : #444;
  font-size : 1em;
  border : 1px solid #eee;
  background : #eee;
  outline : none;
  display : block
}
#commentform textarea {
  padding : 13px 20px;
  width : 100%;
  color : #444;
  font-size : 0.85em;
  outline : none;
  height : 150px;
  display : block;
  resize : none;
  font-weight : 400;
  border : 1px solid #eee;
  background : #eee
}
#commentform input[type="submit"] {
  padding : 0.8em 3em;
  color : #fff;
  font-size : 1.2em;
  font-weight : 600;
  text-transform : uppercase;
  text-decoration : none;-webkit-appearance : none;
  border-radius : 0.3em;-webkit-border-radius : 0.3em;-o-border-radius : 0.3em;-moz-border-radius : 0.3em;
  background : #45a4eb;
  box-shadow : inset 0px -2px 11px #0f69ab;-o-box-shadow : inset 0px -2px 11px #0f69ab;-moz-box-shadow : inset 0px -2px 11px #0f69ab;
  outline : none;
  border : none
}
.comments1 {
  margin-top : 3em
}
#commentform p {
  position : relative;
  padding : 8px 0;
  font-size : 1em
}
.comments-main {
  border : 1px solid #D5D4D4;
  padding : 17px 0px;
  margin : 15px 0px 40px 0
}
.cmnts-right a {
  padding : 0.6em 1.5em;
  color : #fff;
  font-size : 1.2em;
  font-weight : 600;
  text-decoration : none;-webkit-appearance : none;
  border-radius : 0.3em;-webkit-border-radius : 0.3em;-o-border-radius : 0.3em;-moz-border-radius : 0.3em;
  background : #45a4eb;
  box-shadow : inset 0px -2px 11px #0f68ab;-o-box-shadow : inset 0px -2px 11px #0f68ab;-moz-box-shadow : inset 0px -2px 11px #0f68ab;
  text-transform : uppercase
}
  .cmnts-right a : hover, #commentform input[type="submit"] : hover {
  opacity : 0.8;
  text-decoration : none
}
.cmts-main-right h5, .cmts-main-right a h5 {
  font-size : 1em;
  color : #4e4e4b;
  margin : 0px;
  font-weight : 600
}
.comments1 h4 {
  color : #282828;
  font-size : 1.85em;
  font-weight : 400;
  display : block;
  line-height : 1.25em
}
.cmts-main-right p {
  color : #333333;
  font-weight : 400;
  font-size : 0.9em;
  line-height : 1.9em;
  opacity : 0.6;
  margin : 2px 0 15px 0px
}
.print-main a h3, .print-main h3 {
  color : #000;
  text-transform : uppercase;
  font-weight : 600;
  font-size : 1.4em
}
p.ptext {
  line-height : 1.8em;
  font-size : 0.95em;
  color : #999
}
.cmnts-left p {
  font-size : 13px;
  color : #999;
  font-weight : 600
}
.single-content-left {
  padding : 2.5em
}
.cmts-main-left img {
  width : 90%
}
.print-main {
  position : relative
}
ul.single-icons li {
  list-style : none;
  display : inline-block
}
ul.single-icons {
  position : absolute;
  right : 0px;
  top : 449px
}
ul.single-icons li i.date2, ul.single-icons li a i.penc {
  width : 42px;
  height : 41px;
  display : inline-block;
  background : url("../images/s-icons.png")-292px -121px no-repeat
}
ul.single-icons li a i.penc {
  background : url("../images/s-icons.png")-242px -122px no-repeat
}
.search {
  border : 1px solid #dbdbdb;
  background : none;
  position : relative;
  margin-bottom : 2em
}
.search form input[type="text"] {
  padding : 12px 15px;
  font-weight : 400;
  font-size : 13px;
  color : #999;
  border : none;
  outline : none;
  width : 87%;
  background : none
}
.search form input[type="submit"] {
  background : url('../images/search.png')no-repeat 0px 2px;
  width : 20px;
  height : 20px;
  border : none;
  cursor : pointer;
  outline : none;
  position : absolute;
  top : 8px;
  right : 8px
}
.right-content h5 {
  font-size : 1.2em;
  font-weight : 600;
  margin : 0;
  color : #000;
  margin-bottom : 1.5em;
  text-transform : uppercase
}
.sidebar-bottom h5 {
  font-size : 1.2em;
  font-weight : 600;
  margin : 0;
  color : #000;
  margin : 1em 0;
  text-transform : uppercase
}
.sidebar-bottom ul li, .categories ul li {
  list-style : none;
  display : block
}
.sidebar-bottom ul li a, .categories ul li a {
  font-size : 0.95em;
  margin : 0 0 1em 0;
  color : #999;
  line-height : 1.8em;
  text-decoration : none;
  padding-left : 2em;
  background : url(../images/b_arrow.png) no-repeat 0px 6px
}
  .sidebar-bottom ul li a : hover, .categories ul li a : hover {
  padding-left : 3em
}
.featured ul li {
  display : inline-block;
  width : 48%;
  padding : 4px
}
.cmnts-left {
  padding : 0
}
.featured img {
  width : 100%
}
.featured h4, .categories h4 {
  font-size : 1.2em;
  text-transform : uppercase;
  color : #000;
  font-weight : 600;
  margin : 1em 0
}
.head-section h2 {
  font-size : 2.2em;
  color : #000;
  font-weight : 600;
  margin : 1em 0
}
ul#filters {
  padding : 0px;
  text-align : center
}
#filters {
  margin : 0 0 2%;
  padding : 0;
  list-style : none
}
#filters li {
  display : inline-block;
  display : -webkit-inline-box;
  display : -moz-inline-box;
  display : -o-inline-box;
  display : -ms-inline-box;
  padding : 0 1em
}
#filters li span {
  display : block;
  text-decoration : none;
  color : #222;
  cursor : pointer;
  font-size : 1.1em;
  text-transform : uppercase;
  font-weight : 600
}
  #filters li span : hover, #filters li.active span {
  color : #0e8ae7
}
.portfolio-content {
  padding : 3em 0
}
.portfolio-section {
  padding : 4em 0;
  background : #fff
}
#portfoliolist .portfolio {
  -webkit-box-sizing : border-box;-moz-box-sizing : border-box;-o-box-sizing : border-box;
  width : 25%;
  display : none;
  float : left;
  overflow : hidden;
  margin : 0
}
div#portfoliolist {
  padding : 0px 0px;
  min-height : 535px
}
.portfolio-wrapper {
  overflow : hidden;
  position : relative !important;
  cursor : pointer
}
.portfolio img {
  width : 100%;
  transition : all 300ms !important;-webkit-transition : all 300ms !important;-moz-transition : all 300ms !important
}
.portfolio .label {
  position : absolute;
  width : 100%;
  height : 40px;
  bottom : -40px
}
.portfolio .label-bg {
  background : #22B4B8;
  width : 100%;
  height : 100%;
  position : absolute;
  top : 0;
  left : 0
}
.portfolio .label-text {
  color : #fff;
  position : relative;
  z-index : 500;
  padding : 5px 8px
}
.portfolio .text-category {
  display : block;
  font-size : 9px;
  font-size : 12px;
  text-transform : uppercase
}
  .container : after {
  content : "\0020";
  display : block;
  height : 0;
  clear : both;
  visibility : hidden
}
  .clearfix : before, .clearfix : after, .row : before, .row : after {
  content : '\0020';
  display : block;
  overflow : hidden;
  visibility : hidden;
  width : 0;
  height : 0
}
  .row : after, .clearfix : after {
  clear : both
}
.clear {
  clear : both;
  display : block;
  overflow : hidden;
  visibility : hidden;
  width : 0;
  height : 0
}
.zoom-icon {
  position : absolute;
  top : 15px;
  right : 15px;
  bottom : 15px;
  left : 15px;
  display : block !important;
  opacity : 1 !important;
  visibility : visible !important;
  background : transparent !important;
  border-radius : 0;
  cursor : pointer;
  overflow : hidden;-webkit-transition : 0.55s;-moz-transition : 0.55s;-o-transition : 0.55s;
  transition : 0.55s
}
  .zoom-icon : after {
  position : absolute;
  display : block;
  top : 50%;
  left : 50%;
  top : 50%;
  bottom : 50%;
  width : 0;
  height : 0;
  content : "";
  background : url(../images/plus.png) 50% 50% no-repeat;
  border-radius : 0;
  z-index : 0;-webkit-transition : 0.45s;-moz-transition : 0.45s;-o-transition : 0.45s;
  transition : 0.45s
}
  .zoom-icon : before {
  position : absolute;
  left : -50%;
  top : 48%;
  display : block;
  margin : 0;
  height : 0%;
  width : 200%;
  background : rgba(0, 0,128, 0.3);
  content : "";
  border-radius : 0;
  overflow : hidden;-webkit-transform : rotate(-55deg);-moz-transform : rotate(-55deg);-ms-transform : rotate(-55deg);-o-transform : rotate(-55deg);
  transform : rotate(-55deg);-webkit-transition : 0.65s;-moz-transition : 0.65s;-o-transition : 0.65s;
  transition : 0.65s
}
  #portfoliolist .portfolio a : hover .zoom-icon {
  -webkit-transition : 0.4s;-moz-transition : 0.4s;-o-transition : 0.4s;
  transition : 0.4s
}
  #portfoliolist .portfolio a : hover .zoom-icon : before {
  left : -60%;
  top : -35%;
  height : 200%;
  width : 200%;-webkit-transform : rotate(-55deg);-moz-transform : rotate(-55deg);-ms-transform : rotate(-55deg);-o-transform : rotate(-55deg);
  transform : rotate(-55deg);-webkit-transition : 0.6s;-moz-transition : 0.6s;-o-transition : 0.6s;
  transition : 0.6s
}
  #portfoliolist .portfolio a : hover .zoom-icon : after {
  width : 44px;
  height : 63px;
  margin : -31px 0 0 -22px;-webkit-transition : 0.45;-moz-transition : 0.45;-o-transition : 0.45;
  transition : 0.45
}
  #portfoliolist .portfolio a : hover .zoom-icon {
  visibility : visible;
  border-radius : 0;
  overflow : hidden
}
.entertain_box {
  margin-bottom : 3em
}
.portfolio-botton {
  text-align : center;
  margin-top : 3em
}
.portfolio-botton input[type="button"] {
  border : none;
  outline : none;
  padding : 0.5em 1em;
  color : #fff;
  background : #60B890;
  font-size : 18px;
  font-weight : 600;
  text-transform : uppercase;
  border-radius : 5px;-webkit-border-radius : 5px;-moz-border-radius : 5px;-o-border-radius : 5px;-ms-border-radius : 5px;
  border : 1px dashed #60B890
}
  .portfolio-botton input[type="button"] : hover {
  border : 1px dashed #fff;
  background : #1c4a6c
}
.features-section {
  padding : 3em 0 5em 0
}
.awesome-grids.second {
  margin-top : 2em
}
.eye, .flag, .msg, .ok, .load {
  width : 100px;
  height : 100px;
  background : url('../images/img-sprite.png') no-repeat 0px 0px;
  display : inline-block
}
.flat-phone img {
  width : 100%
}
.msg {
  background : url('../images/img-sprite.png') no-repeat -200px 0px
}
.flag {
  background : url('../images/img-sprite.png') no-repeat -300px 0px
}
.ok {
  background : url('../images/img-sprite.png') no-repeat -400px 0px
}
.load {
  background : url('../images/img-sprite.png') no-repeat -100px 0px
}
  .awesome-grid : hover i.eye, .awesome-grid : hover i.load, .awesome-grid : hover i.ok, .awesome-grid : hover i.flag, .awesome-grid : hover i.msg {
  transform : rotateY(360deg);-webkit-transform : rotateY(360deg);-moz-transform : rotateY(360deg);-o-transform : rotateY(360deg);-webkit-transition : 0.8s;-moz-transition : 0.8s;-o-transition : 0.8s;
  transition : 0.8s
}
.awesome-grid h4 {
  text-transform : uppercase;
  font-weight : 600;
  margin : 0.5em 0
}
.awesome-grid p {
  color : 999;
  font-size : 0.95em;
  line-height : 1.8em;
  font-weight : 400
}
.some {
  padding-top : 4em
}
.Awesome-features h3, .some h3 {
  font-size : 2em;
  text-transform : uppercase;
  font-weight : 600;
  margin : 1em 0;
  text-align : center
}
.some h3 {
  margin : 1em 0 2em 0
}
form {
  padding : 0% 1%
}
form li.first, li.second {
  border : none;
  list-style : none;
  margin-bottom : 10px;
  width : 100%
}
.icon3 {
  height : 55px;
  width : 55px;
  display : block;
  float : left;
  border-top-left-radius : 0.3em;-o-border-top-left-radius : 0.3em;-moz-border-top-left-radius : 0.3em;-webkit-border-top-left-radius : 0.3em;
  border-border-bottom-left-radius : 0.3em;-o-border-bottom-left-radius : 0.3em;-moz-border-bottom-left-radius : 0.3em;-webkit-border-bottom-left-radius : 0.3em
}
.user {
  background : url(../images/icons.png) no-repeat 14px 15px #f79d29
}
.email {
  background : url(../images/icons.png) no-repeat 15px -39px #f79d29
}
.phone {
  background : url(../images/icons.png) no-repeat 15px -93px #f79d29
}
.message {
  background : url(../images/msg.png) no-repeat 16px 16px #f79d29
}
  li.first : hover .user {
  background : url(../images/icons.png) no-repeat 14px 15px #DB2048
}
  li.first : hover .email {
  background : url(../images/icons.png) no-repeat 15px -39px #DB2048
}
  li.first : hover .phone {
  background : url(../images/icons.png) no-repeat 15px -93px #DB2048
}
  li.second : hover .message {
  background : url(../images/msg.png) no-repeat 16px 16px #DB2048
}
.map {
  padding : 3em 0 1em 0
}
.contact-section {
  padding : 4em 0
}
.contact h3 {
  font-size : 2.2em;
  color : #000;
  font-weight : 600;
  margin : 1em 0
}
.contact p {
  color : #999;
  font-size : 0.95em;
  font-weight : 500;
  line-height : 1.8em;
  margin : 0 auto;
  width : 81%
}
.contact {
  text-align : center
}
.contact input[type="text"], .contact textarea {
  border : 1px solid #DCDCDF;
  color : #000;
  outline : none;
  padding : 0.8em 1em;
  margin-top : 2em;
  background : #EDEDED;-webkit-appearance : none;
  width : 33%;
  font-weight : 400;
  font-size : 16px;
  transition : 0.5s all;-webkit-transition : 0.5s all;-moz-transition : 0.5s all;-o-transition : 0.5s all;-ms-transition : 0.5s all;
  border-radius : 0.3em;-o-border-radius : 0.3em;-moz-border-radius : 0.3em;-weblit-border-radius : 0.3em
}
.contact textarea {
  resize : none;
  height : 250px;
  margin : 1.5em 0 2.5em;
  width : 100%
}
  .contac form input[type="text"] : nth-child(2) {
  margin : 0 0.092em
}
.contact input[type="submit"] {
  padding : 1em 3em;
  color : #fff;
  font-size : 1.2em;
  font-weight : 600;
  text-decoration : none;-webkit-appearance : none;
  border-radius : 0.3em;-webkit-border-radius : 0.3em;-o-border-radius : 0.3em;-moz-border-radius : 0.3em;
  background : #45a4eb;
  border : none;
  outline : none;
  box-shadow : inset 0px -2px 11px #0f69ab;-webkit-box-shadow : inset 0px -2px 11px #0f69ab;-o-box-shadow : inset 0px -2px 11px #0f69ab;-moz-box-shadow : inset 0px -2px 11px #0f69ab
}
  .contact input[type="submit"] : hover {
  opacity : 0.8
}
.map iframe {
  width : 100%;
  height : 300px
}
.footer-section {
  padding : 1em 0;
  background : #373737
}
.footer-grid p, p.sub {
  font-size : 0.95em;
  line-height : 1.8em;
  color : #A1A3AB
}
.footer-grids {
  padding : 1em 0
}
p.sub {
  margin-top : 1.3em
}
ul.tag li {
  display : inline-block;
  list-style : none;
  margin : 15px 0px 6px -1px
}
ul.tag li a {
  padding : 0.8em 0.8em;
  background : #232323;
  color : #A1A3AB;
  font-size : 0.9em
}
  ul.tag li a : hover {
  text-decoration : none;
  opacity : 0.7
}
.flickr-grid a img {
  width : 100%
}
.flickr-grid {
  float : left;
  width : 32%;
  margin : 0 0.1em .2em
}
.footer-grids h4 {
  font-size : 1.25em;
  text-transform : uppercase;
  font-weight : 700;
  color : #fff
}
.border2 {
  border-bottom : 2px ridge rgba(72, 72, 76, 0.88);
  padding : 0.5em 0 0.5em 0;
  width : 52%;
  margin-bottom : 1.3em
}
ul.tw li {
  display : block;
  margin-bottom : 0.5em;
  font-size : 0.95em;
  line-height : 1.8em;
  color : #fff
}
ul.tw p {
  float : left
}
a i.square-3 {
  width : 20px;
  height : 20px;
  background : url("../images/tw.png") no-repeat 0px 0px;
  display : inline-block;
  vertical-align : -webkit-baseline-middle
}
.icon-text p {
  color : #A1A3AB;
  font-size : 0.95em;
  line-height : 1.6em
}
.icon-3-square {
  float : left;
  width : 10%;
  margin-right : 2%
}
.icon-text {
  float : left;
  width : 86%
}
.icon-text h5 {
  color : #fff;
  font-size : 0.95em;
  margin : 0.7em 0;
  text-transform : uppercase;
  font-weight : 600
}
.icon-text a {
  color : #D7D7D8
}
.copyright {
  padding : 1em 0;
  background : #232323
}
p.write {
  float : right;
  color : #fff;
  font-size : 0.98em;
  margin-top : 4px
}
p.write a {
  color : #45a4eb
}
.logo2 {
  float : left
}
#toTop {
  display : none;
  text-decoration : none;
  position : fixed;
  bottom : 10px;
  right : 10px;
  overflow : hidden;
  width : 40px;
  height : 22px;
  border : none;
  text-indent : 100%;
  background : url(../images/move-top.png) no-repeat 0px 0px
}
  @media (max-width : 1440px) {
  .left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3{width : 71%;
  font-size : 3.5em
}
.left-grid-1 h2 {
  width : 60%;
  font-size : 3.5em;
  border : none
}
.left-grid-1 {
  margin-top : 4em;
  float : left
}
div#portfoliolist {
  min-height : 570px
}
.blog-section h3 {
  position : absolute;
  left : 9.3%;
  top : -3%
}
.port-section h2 {
  position : absolute;
  left : 9.3%
}
.testimonal h3 {
  position : absolute;
  left : 0%;
  top : -17%
}
.stories span {
  width : 199px;
  height : 131px
}
.logo {
  float : left;
  width : 25%;
  margin-top : 1.35em
}
  .stories span : before {
  content : '';
  position : absolute;
  top : 14%;
  left : -12%;
  width : 0;
  height : 0;
  border-right : 137px solid #eee;
  border-top : 94px solid transparent;
  transform : rotate(-269deg);-webkit-transform : rotate(-269deg)
}
  }@media (max-width : 1366px) {
  .port-section h2{position : absolute;
  left : 7.3%
}
.blog-section h3 {
  position : absolute;
  left : 7.3%;
  top : -3%
}
.testimonal h3 {
  position : absolute;
  left : 0%;
  top : -17%
}
  }@media (max-width : 1280px) {
  .Awesome-features h3, .some h3{font-size : 1.8em
}
.port-section h2 {
  position : absolute;
  left : 4.3%
}
.blog-section h3 {
  position : absolute;
  left : 4.3%;
  top : -3%
}
.testimonal h3 {
  position : absolute;
  left : 0%;
  top : -17%
}
  }@media (max-width : 1024px) {
  .slider-bg{background : url("../images/bg.jpg") no-repeat 0px 0px;
  padding : 6em 0 0 0;
  min-height : 450px
}
.logo {
  margin-right : 0;
  width : 18%
}
.nav li a {
  display : block;
  padding : 29.5px 22px
}
.services-section-grid, .services-section-grid.lost {
  background : url(../images/ser-bg.png)no-repeat 100% 100%;
  width : 48%;
  margin-right : 2%;
  background-size : cover;-o- background-size : cover;-webkit- background-size : cover;-moz- background-size : cover;
  min-height : 162px
}
i.rocket, i.arrow, i.download, i.plan {
  width : 81px;
  height : 151px;
  background : url('../images/s-icons.png') no-repeat 26px 60px #45a4eb;
  display : inline-block
}
i.arrow {
  background : url('../images/s-icons.png') no-repeat 28px -57px #45a4eb
}
i.download {
  background : url('../images/s-icons.png') no-repeat -57px -55px #45a4eb
}
i.plan {
  background : url('../images/s-icons.png') no-repeat -60px 60px #45a4eb
}
.service-icon-heading {
  float : left;
  width : 80%;
  padding : 2em 1em
}
.services-section-grid.lost {
  display : none
}
.mid-text h3 {
  font-size : 0.96em
}
.mid-button a {
  padding : 1em 1em 1em 3em;
  font-size : 1em;
  background : url(../images/windows.png) no-repeat 6px 8px #45a4eb
}
.stories span {
  width : 150px;
  height : 148px;
  top : -42px;
  padding : 2.5em 1em 1em 5em
}
.test-text p {
  font-size : 0.9em
}
  .stories span : before {
  top : 21%;
  left : -21%;
  width : 0;
  height : 0;
  border-right : 150px solid #eee;
  border-top : 85px solid transparent
}
.test-text h4 {
  font-size : 0.95em
}
.left-img img {
  width : 95%
}
.port-section h2 {
  position : absolute;
  left : 3.3%
}
.blog-section h3 {
  position : absolute;
  left : 3.3%;
  top : -3%
}
.testimonal h3 {
  position : absolute;
  left : 0%;
  top : -19%
}
ul.blog-icons {
  position : absolute;
  right : 15px;
  top : 182px
}
.flickr-grid {
  float : left;
  width : 31%;
  margin : 0 0.1em .2em
}
.text a h3 {
  font-size : 1.03em
}
.text p {
  font-size : 0.93em;
  line-height : 1.6em
}
.box_type {
  background : #45a4eb;
  padding : 5px 21px;
  position : absolute;
  bottom : 130px
}
  .box-hover, .port-grid : hover .box-hover {
  bottom : 125px
}
#portfoliolist .portfolio {
  width : 33.3%
}
ul.single-icons {
  right : 0px;
  top : 372px
}
.comments1 h4, .leave h4 {
  font-size : 1.5em
}
#slider img {
  width : 90%
}
.left-grid-1 {
  margin-top : 0em;
  float : left
}
ul.callbacks_tabs.callbacks1_tabs {
  position : absolute;
  bottom : 5.3%;
  z-index : 999;
  left : -77%;
  display : block
}
.left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3 {
  width : 69%;
  font-size : 3.3em
}
.left-grid-1 h2 {
  width : 57%;
  font-size : 3.3em;
  border : none
}
.stories span {
  position : absolute;
  width : 165px;
  height : 148px;
  top : -42px
}
  }@media (max-width : 768px) {
  .slider-bg{background : url("../images/bg.jpg") no-repeat 0px 0px;
  padding : 4.5em 0 0 0;
  min-height : 330px
}
.toggleMenu {
  background : #45a4eb;
  text-align : center;
  font-weight : 600;
  font-size : 1.6em;
  color : #fff;
  padding : 0.3em 0;
  width : 100%;
  text-transform : uppercase;
  margin-top : 0.4em
}
  a.toggleMenu : hover, a.toggleMenu.active {
  text-decoration : none;
  color : #fff
}
.logo {
  width : 100%;
  margin-top : 1em
}
.nav li a {
  display : block;
  padding : 22.5px 21px;
  text-align : center
}
.left-grid-1 {
  margin-top : 0em;
  float : left;
  width : 40%
}
.right-grid-1 {
  float : right;
  width : 58%
}
.left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3 {
  width : 75%;
  font-size : 2.7em
}
.left-grid-1 h2 {
  width : 57%;
  font-size : 2.5em;
  border : none
}
.text a h3 {
  font-size : 1em
}
  .callbacks_tabs a : after {
  width : 38px;
  height : 17px
}
ul.callbacks_tabs.callbacks1_tabs {
  position : absolute;
  bottom : 2.3%;
  z-index : 999;
  left : -77%;
  display : block
}
ul.callbacks_tabs.callbacks1_tabs {
  position : absolute;
  bottom : 2.3%;
  z-index : 999;
  left : -80%;
  display : block
}
#slider img {
  width : 100%
}
.services-section-grid, .services-section-grid.lost {
  background : url(../images/ser-bg.png)no-repeat 100% 100%;
  width : 48%;
  margin-right : 2%;
  background-size : cover;
  min-height : 106px;
  float : left
}
i.rocket, i.arrow, i.download, i.plan {
  width : 64px;
  height : 107px;
  background : url('../images/s-icons.png') no-repeat 18px 35px #45a4eb;
  display : inline-block
}
i.arrow {
  background : url('../images/s-icons.png') no-repeat 19px -82px #45a4eb
}
i.download {
  background : url('../images/s-icons.png') no-repeat -64px -79px #45a4eb
}
i.plan {
  background : url('../images/s-icons.png') no-repeat -69px 33px #45a4eb
}
.service-icon-heading {
  float : left;
  width : 80%;
  padding : 1em 1em
}
.services-section-grid p {
  width : 81%;
  overflow : hidden;
  height : 40px
}
.service-icon-heading h4 {
  font-size : 1.2em;
  padding : 0.4em 0
}
.serve-grids.two {
  margin-top : 1.5em
}
.mid-text {
  float : left;
  width : 74%;
  margin-right : 1%
}
.mid-text h3 {
  font-size : 0.96em;
  line-height : 1.6em
}
.mid-top {
  padding : 2em 1em
}
.mid-button {
  margin-top : 2.25em;
  width : 22%
}
.port-section h2 {
  left : 4.3%;
  top : -3.5%
}
.port-grid {
  width : 32.2%;
  float : left;
  margin-right : 1.0%;
  padding : 1em 1em
}
.port-grid.lost {
  margin-right : 0%;
  display : none
}
.bottom-text {
  float : left;
  width : 74%;
  margin-right : 1%
}
.story {
  float : right;
  width : 25%
}
.bottom-top {
  padding : 2em 1em
}
.bottom-text h3 {
  font-size : 1.15em;
  line-height : 1.6em
}
.stories span {
  position : absolute;
  width : 158px;
  height : 172px;
  top : -29px
}
  .stories span : before {
  top : 18%;
  left : -19.9%;
  width : 0;
  height : 0;
  border-right : 172px solid #eee;
  border-top : 113px solid transparent
}
.blog-section h3 {
  left : 5.3%;
  top : -1.8%
}
.left-img {
  width : 48%;
  float : left;
  margin : 0 1%
}
.left-img.two {
  margin-right : 0
}
.left-img img {
  width : 100%
}
ul.blog-icons {
  right : -1px;
  top : 198px
}
ul.single-icons {
  right : 0px;
  top : 351px
}
.testimonal {
  float : right;
  margin-top : 5em
}
.test-img {
  float : left;
  padding : 0;
  width : 19%
}
.test-text {
  float : left;
  width : 52%
}
.cmts-main-left {
  float : left;
  width : 30%
}
.cmts-main-right {
  float : right;
  width : 70%
}
.footer-grid.tags, .footer-grid.tweet, .footer-grid.flickr {
  margin-top : 1.5em
}
.icon-3-square {
  width : 3%;
  margin-right : 2%
}
.cmnts-left {
  padding : 0;
  float : left
}
.cmnts-right {
  float : right
}
.container {
  width : 694px
}
.text h3 {
  font-size : 1em
}
.box_type {
  padding : 5px 21px;
  bottom : 149px
}
.box-hover {
  bottom : 144px;
  right : 14px
}
  .port-grid : hover .box-hover {
  bottom : 144px;
  right : 14px
}
.serve-grids.two {
  margin-top : 0.5em
}
.contact p {
  font-size : 0.95em;
  margin : 0 auto;
  width : 94%
}
.contact input[type="text"], .contact textarea {
  padding : 0.8em 1em;
  margin-top : 1em;
  width : 32%;
  font-size : 15px
}
.service-section {
  padding : 3em 0em
}
.testimonal h3 {
  left : 1%;
  top : -14%
}
  .contac form input[type="text"] : nth-child(2) {
  margin : 0 0.7em
}
.contact textarea {
  padding : 0.8em 1em;
  margin-top : 1em;
  width : 97%;
  font-size : 15px;
  height : 180px
}
.contact-section, .portfolio-section {
  padding : 2em 0
}
p.sub {
  margin-top : 0.5em
}
.nav li a {
  display : block;
  padding : 10.5px 10px;
  text-align : center
}
.contact h3 {
  font-size : 2em
}
.flickr-grid {
  float : left;
  width : 12%;
  margin : 0 0.1em .2em
}
.featured ul li {
  display : inline-block;
  width : 25%;
  padding : 4px
}
.serve-grids.two {
  margin-top : 1.2em
}
  }@media (max-width : 640px) {
  .slider-bg{background : url("../images/bg.jpg") no-repeat 0px 0px;
  padding : 4.5em 0 0 0;
  min-height : 300px
}
.container {
  width : 590px
}
#portfoliolist .portfolio {
  width : 49.3%
}
.left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3 {
  width : 90%;
  font-size : 2.7em
}
.left-grid-1 h2 {
  width : 67%;
  font-size : 2.5em;
  border : none
}
ul.callbacks_tabs.callbacks1_tabs {
  bottom : -8.7%;
  z-index : 999;
  left : -82%
}
i.rocket, i.plan, i.arrow, i.download {
  width : 50px;
  height : 89px;
  background : url('../images/s-icons.png') no-repeat 12px 26px #45a4eb
}
i.arrow {
  background : url('../images/s-icons.png') no-repeat 13px -93px #45a4eb
}
i.download {
  background : url('../images/s-icons.png') no-repeat -70px -88px #45a4eb
}
i.plan {
  background : url('../images/s-icons.png') no-repeat -74px 24px #45a4eb
}
.service-icon-heading h4 {
  font-size : 1.1em;
  padding : 0.4em 0
}
.service-icon-heading {
  width : 78%;
  padding : 0.6em 0.6em
}
.service-section {
  padding : 2em 0em
}
.mid-button a {
  padding : 1em 1em 1em 2em;
  font-size : 1em;
  background : url(../images/windows.png) no-repeat 1px 8px #45a4eb
}
.services-section-grid p {
  width : 100%;
  overflow : hidden;
  height : 40px
}
.port-grid {
  width : 48.2%;
  float : left;
  margin-right : 1.0%;
  margin-bottom : 0.5em;
  padding : 1em 1em
}
.services-section-grid, .services-section-grid.lost {
  background : url(../images/ser-bg.png)no-repeat 100% 100%;
  width : 48%;
  margin-right : 2%;
  background-size : cover;
  min-height : 96px;
  float : left
}
.port-grid.lost {
  margin-right : 0%;
  display : block
}
.port-section h2 {
  left : 3.3%;
  top : -1.5%
}
  .port-grid : nth-child(2) {
  margin : 0px 0px 8px 0px
}
.stories span {
  width : 133px;
  height : 173px;
  top : -29px;
  padding : 2.5em 1em 1em 4em
}
  .stories span : before {
  top : 18.9%;
  left : -27.9%;
  width : 0;
  height : 0;
  border-right : 176px solid #eee;
  border-top : 108px solid transparent
}
.box_type {
  padding : 5px 21px;
  bottom : 127px
}
  .box-hover, .port-grid : hover .box-hover {
  bottom : 123px;
  right : 14px
}
  .flickr ul li : nth-child(6) {
  display : none
}
p.write {
  font-size : 0.95em
}
ul.single-icons {
  right : 0px;
  top : 319px
}
.contact p {
  font-size : 0.95em;
  margin : 0 auto;
  width : 83%
}
.blog-section h3 {
  left : 2.9%;
  top : -1.8%
}
.testimonal h3 {
  left : 0.9%;
  top : -14.8%
}
.left-img a h4 {
  font-size : 1em
}
ul.blog-icons {
  right : -1px;
  top : 163px
}
.mid-text {
  float : left;
  width : 71%
}
.mid-button {
  margin-top : 3.25em;
  width : 26%
}
.head-section h2 {
  font-size : 1.8em
}
#filters li span {
  font-size : 1em
}
.contact input[type="submit"] {
  padding : 1em 3em;
  font-size : 1em
}
.cmts-main-left img {
  width : 73%
}
.print-main a h3, .print-main h3 {
  font-size : 1.2em;
  line-height : 1.5em
}
.some {
  padding-top : 2em
}
.Awesome-features h3, .some h3 {
  font-size : 1.65em
}
.flickr-grid {
  float : left;
  width : 15%;
  margin : 0 0.1em .2em
}
  }@media (max-width : 480px) {
  .slider-bg{background : url("../images/bg.jpg") no-repeat 0px 0px;
  padding : 3.5em 0 0 0;
  min-height : 224px
}
.left-grid-1 {
  margin-top : 0em;
  float : left;
  width : 40%;
  padding : 0
}
.right-grid-1 {
  float : right;
  width : 58%;
  padding : 0
}
.mid-text {
  float : none;
  width : 100%
}
.container {
  width : 433px
}
.mid-button {
  margin : 2em 1em 1em 1em;
  width : 100%;
  float : none
}
.mid-section {
  padding : 2em 0
}
.port-grid {
  width : 100%;
  float : left;
  margin-right : 0%;
  margin-bottom : 0.5em
}
.port-grid.lost {
  margin-right : 0%;
  display : none
}
.left-img {
  width : 100%;
  margin : 0 0% 1% 0
}
ul.blog-icons {
  right : -1px;
  top : 261px
}
.logo2 {
  float : none;
  text-align : center
}
p.write {
  font-size : 0.95em;
  float : none;
  margin-top : 10px;
  text-align : center
}
.bottom-text h3 {
  font-size : 1.15em;
  overflow : hidden;
  height : 29px
}
.bottom-text p {
  color : #999;
  font-size : 0.95em;
  overflow : hidden;
  height : 37px
}
.stories span {
  width : 92px;
  height : 135px;
  top : -29px;
  padding : 2.5em 1em 1em 3em
}
  .stories span : before {
  top : 33.5%;
  left : -55%;
  width : 0;
  height : 0;
  border-right : 137px solid #eee;
  border-top : 44px solid transparent;
  transform : rotate(-268deg);-webkit-transform : rotate(-268deg)
}
.bottom-section {
  padding : 2em 0
}
.port-section {
  padding : 2.5em 0 3em 0
}
.box_type {
  padding : 5px 21px;
  bottom : 110px
}
.port-section h2 {
  left : 4.3%;
  top : -1%
}
.some h3 {
  margin : 0em 0 1em 0
}
.Awesome-features h3, .some h3 {
  font-size : 1.4em
}
  .box-hover, .port-grid : hover .box-hover {
  bottom : 105px;
  right : 14px
}
.blog-section h3 {
  left : 4.9%;
  top : -0.8%
}
.testimonal h3 {
  left : 0.9%;
  top : -18.8%
}
.services-section-grid {
  background : url(../images/ser-bg.png)no-repeat 0px 0px;
  padding : 0;
  width : 90%;
  float : none;
  min-height : 137px
}
.services-section-grid p {
  width : 100%;
  overflow : hidden;
  height : 60px
}
i.rocket, i.plan, i.arrow, i.download {
  width : 59px;
  height : 121px;
  background : url('../images/s-icons.png') no-repeat 16px 43px #45a4eb;
  display : inline-block
}
i.arrow {
  background : url('../images/s-icons.png') no-repeat 18px -71px #45a4eb
}
i.download {
  background : url('../images/s-icons.png') no-repeat -67px -73px #45a4eb
}
i.plan {
  background : url('../images/s-icons.png') no-repeat -71px 36px #45a4eb
}
.left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3 {
  width : 90%;
  font-size : 1.8em
}
.left-grid-1 h2 {
  width : 70%;
  font-size : 1.8em;
  border : none
}
  .callbacks_tabs a : after {
  width : 24px;
  height : 9px;
  margin : 0
}
ul.callbacks_tabs.callbacks1_tabs {
  bottom : -1.7%;
  z-index : 999;
  left : -76%
}
.print-main a h3, .print-main h3 {
  font-size : 1.1em;
  line-height : 1.5em
}
ul.single-icons {
  right : 0px;
  top : 259px
}
.cmts-main-right p {
  font-size : 0.8em;
  opacity : 0.6;
  margin : 2px 0 0px 0px;
  overflow : hidden;
  height : 46px
}
.cmnts-right a {
  padding : 0.6em 1em;
  font-size : 1em
}
.cmnts-right a {
  padding : 0.5em 1em;
  font-size : 0.8em
}
#commentform label {
  font-size : 1em
}
#commentform input[type="submit"] {
  padding : 0.8em 3em;
  color : #fff;
  font-size : 1em
}
.cmnts-right {
  float : right;
  margin-top : 0.5em
}
.comments1 {
  margin-top : 1em
}
p.ptext {
  line-height : 1.8em;
  font-size : 0.95em;
  color : #999;
  overflow : hidden;
  height : 72px
}
.contact input[type="text"], .contact textarea {
  padding : 0.6em 1em;
  margin-top : 1em;
  width : 32%;
  font-size : 13px
}
.contact textarea {
  padding : 0.6em 1em;
  margin-top : 1em;
  width : 97%;
  font-size : 13px;
  height : 139px;
  margin : 1.5em 0 1em
}
.map iframe {
  width : 100%;
  height : 179px
}
#filters li {
  padding : 0 0.5em
}
#filters li span {
  font-size : 0.9em
}
.contact h3 {
  font-size : 1.6em
}
.flickr-grid {
  float : left;
  width : 25%;
  margin : 0 0.1em .2em
}
.features-section {
  padding : 0em 0 1em 0
}
.single {
  margin-top : 1em
}
.cmts-main-left img {
  width : 100%
}
a.read {
  margin-bottom : 1em
}
.comments1 h4, .leave h4 {
  font-size : 1.3em
}
.icon-3-square {
  width : 7%;
  margin-right : 2%
}
div#portfoliolist {
  min-height : 527px
}
.contact p {
  font-size : 0.95em;
  margin : 1em auto;
  width : 100%
}
  }@media (max-width : 320px) {
  .container{width : 300px
}
.left-grid-1 h1, .left-grid-1 h2, .left-grid-1 h3 {
  width : 100%;
  font-size : 1.3em
}
.left-grid-1 h2 {
  width : 85%;
  font-size : 1.3em;
  border : none
}
.slider-bg {
  background : url("../images/bg.jpg") no-repeat 0px 0px;
  padding : 2.2em 0 0 0;
  min-height : 153px
}
ul.callbacks_tabs.callbacks1_tabs {
  bottom : -13.7%;
  left : -82%
}
  .callbacks_tabs a : after {
  width : 17px;
  height : 6px;
  margin : 0
}
.contact-section, .portfolio-section {
  padding : 1em 0
}
.contact input[type="text"], .contact textarea {
  padding : 0.6em 1em;
  margin-top : 0.4em;
  width : 100%;
  font-size : 13px
}
.contact textarea {
  padding : 0.6em 1em;
  margin-top : 0.71em;
  width : 100%;
  font-size : 13px;
  height : 122px
}
.contact input[type="submit"] {
  padding : 1em 3em;
  font-size : 0.9em
}
.service-icon-heading h4 {
  font-size : 1em;
  padding : 0.4em 0
}
.services-section-grid p {
  width : 94%;
  overflow : hidden;
  height : 35px
}
i.rocket, i.plan, i.arrow, i.download {
  width : 59px;
  height : 86px;
  background : url('../images/s-icons.png') no-repeat 16px 22px #45a4eb;
  display : inline-block
}
.service-icon {
  float : left;
  width : 25%;
  margin-right : 2%
}
.service-icon-heading {
  float : left;
  width : 65%;
  padding : 0.6em 0.6em
}
.toggleMenu {
  font-size : 1.3em
}
.map iframe {
  width : 100%;
  height : 126px
}
.services-section-grid {
  background : url(../images/ser-bg.png)no-repeat 100% 100%;
  padding : 0;
  width : 100%;
  float : none;
  min-height : 95px;
  margin : 1em 0
}
i.arrow {
  background : url('../images/s-icons.png') no-repeat 18px -95px #45a4eb
}
i.download {
  background : url('../images/s-icons.png') no-repeat -67px -89px #45a4eb
}
i.plan {
  background : url('../images/s-icons.png') no-repeat -71px 21px #45a4eb
}
.mid-top {
  padding : 2em 0em
}
.box_type {
  padding : 5px 21px;
  bottom : 129px
}
  .box-hover, .port-grid : hover .box-hover {
  bottom : 124px;
  right : 13px
}
.left-img a h4 {
  font-size : 1em
}
ul.blog-icons {
  right : -2px;
  top : 161px
}
.test-text {
  float : left;
  width : 80%
}
.blog-section h3 {
  left : 4.9%;
  top : -1.3%;
  font-size : 1.2em
}
.testimonal h3 {
  left : -0.1%;
  top : -15.8%;
  font-size : 1.2em
}
.test-text h4 {
  font-size : 0.8em
}
p.test {
  font-size : 0.87em
}
.left-img p {
  font-size : 0.9em
}
  .flickr ul li :nth-child(4) {
  display : none
}
.serve-grids.two {
  margin-top : 0em
}
.services-section-grid.act {
  margin : 0 0 1em 0
}
.stories span {
  width : 59px;
  height : 95px;
  top : -15px;
  padding : 1em 0.5em 0em 1.3em
}
  .stories span : before {
  top : 23.5%;
  left : -51.9%;
  width : 0;
  height : 0;
  border-right : 100px solid #eee;
  border-top : 47px solid transparent;
  transform : rotate(-268deg);-webkit-transform : rotate(-268deg)
}
.port-section h2 {
  left : 4.3%;
  top : -1.2%;
  font-size : 1.2em
}
.bottom-top {
  padding : 1em 1em
}
.bottom-text h3 {
  font-size : 1.1em;
  overflow : hidden;
  height : 18px
}
.content {
  padding : 1em 0
}
p.likes {
  font-size : 0.9em
}
.print-main a h3, .print-main h3 {
  font-size : 0.9em
}
p.span {
  color : #798184;
  font-size : 1em
}
.footer-grid p, p.sub {
  font-size : 0.9em
}
.footer-grids h4 {
  font-size : 1.15em
}
.icon-text h5 {
  font-size : 0.8em
}
.mid-button a {
  padding : 0.8em 1em 0.8em 3em;
  font-size : 0.9em;
  background : url(../images/windows.png) no-repeat 5px 4px #45a4eb
}
.contact h3 {
  font-size : 1.2em
}
p.write {
  font-size : 0.9em;
  line-height : 1.6em
}
.Awesome-features h3, .some h3 {
  font-size : 1.17em;
  line-height : 1.5em
}
.head-section h2 {
  font-size : 1.2em
}
#filters li {
  padding : 0 0em
}
#filters li {
  padding : 0 0em
}
.awesome-grid h4 {
  text-transform : uppercase;
  font-weight : 600;
  margin : 0.5em 0;
  font-size : 1em
}
#filters li span {
  font-size : 0.7em
}
.service-section {
  padding : 1em 0em
}
.port-section {
  padding : 2em 0 2em 0
}
.border2 {
  margin-bottom : 0.5em
}
.icon-3-square {
  width : 9%
}
ul.single-icons {
  right : 0px;
  top : 198px
}
#commentform p {
  padding : 3px 0
}
.comments1 h4, .leave h4 {
  font-size : 1.2em
}
#commentform input[type="submit"] {
  padding : 0.6em 2em
}
.cmnts-left p {
  font-size : 0.7em;
  height : 26px
}
.cmnts-right {
  float : left;
  padding : 0
}
.mid-text h3 {
  font-size : 0.9em
}
#commentform textarea {
  height : 110px
}
.left-grid-1 {
  margin-top : 0em;
  float : left;
  width : 37%;
  padding : 0
}
.right-grid-1 {
  float : right;
  width : 56%;
  padding : 0
}
h4.stories img {
  width : 79%;
  margin : 0.2em
}
.bottom-text {
  width : 74%;
  padding : 0
}
.testimonal {
  float : right;
  margin-top : 3em;
  padding : 0
}
.footer-grid {
  padding : 0;
  margin-bottom : 2em
}
}