body a {  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

input[type="button"] {  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

h1, h2, h3, h4, h5, h6 {
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

p {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

ul {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

body {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  font-family: 'Source Sans Pro', sans-serif;
}

.header-top {
  background-color: rgba(232, 232, 232, 0.35);
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  height: 3em;  
  padding-top: 1em;  
  padding-right: 0px;  
  padding-bottom: 1em;  
  padding-left: 0px;
}

.icon {
  float: left;
}

.icon ul li {  
  display: inline-block;
}

.icon ul li a:hover {  
  color: #3333ff;
}

i.message {  
  width: 20px;  
  height: 20px;  
  background-color: transparent;
  background-image: url("../images/img-sprite.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 0px 0px;  
  display: inline-block;  
  vertical-align: middle;
}

i.phone {  
  width: 20px;  
  height: 20px;  
  background-color: transparent;
  background-image: url("../images/img-sprite.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: -20px 0px;  
  display: inline-block;  
  vertical-align: middle;
}

.social-icons {
  float: right;
}

.social-icons i {  
  width: 20px;
  height: 20px;  
  background-color: transparent;
  background-image: url("../images/img-sprite.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: -40px 0px;
  display: inline-block;  
  margin-left: 1em;
}

.social-icons i.icon2 {
  background-position: -60px 0px;
}

.social-icons i.icon3 {
  background-position: -80px 0px;
}

.social-icons i.icon4 {
  background-position: -100px 0px;
}

.social-icons i.icon5 {
  background-position: -120px 0px;
}

.social-icons i.icon6 {
  background-position: -140px 0px;
}

.social-icons a i:hover {  -webkit-opacity: 0.5;
  opacity: 0.5;
}

.header-bottom {
  padding-top: 2em;  
  padding-right: 0px;  
  padding-bottom: 2em;  
  padding-left: 0px;
}

.logo {  
  float: left;
}

.logo a {  
  display: block;  
  text-decoration: none;  
  margin-top: 0.15em;  
  color: #3333ff;
}

.logo h1 {
  font-size: 3.5em;  
  font-family: 'Fugaz One', cursive;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  color: #555555;
}

.top-menu {  
  float: right;
}

.top-menu ul li {  
  display: inline-block;  
  padding-top: 1.2em;  
  padding-right: 0px;  
  padding-bottom: 1.2em;  
  padding-left: 0px;
}

.top-menu ul li a {  
  font-size: 1.2em;  
  text-decoration: none;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  margin-top: 0px;  
  margin-right: 0.8em;  
  margin-bottom: 0px;  
  margin-left: 0.8em;  
  font-weight: 700;  
  color: #3333ff;
}

.top-menu ul li a:hover {  
  color: #ef4d98;
}

.top-menu ul li a.active {  
  color: #ef4d98;
}

span.menu {  
  display: none;
}

nav a {  
  position: relative;  
  display: inline-block;  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;  
  color: white;  
  text-decoration: none;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  letter-spacing: 1px;  
  font-weight: 400;  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3);  
  font-size: 1.35em;
}

nav a:hover, nav a:focus {  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;
}

.cl-effect-5 a {  
  overflow: hidden;
}

.cl-effect-5 a span {  
  position: relative;  
  display: inline-block;  -o-transition: transform 0.3s ease 0s;
  -webkit-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}

.cl-effect-5 a span:before {  
  position: absolute;  
  top: 100%;  
  content: attr(data-hover);  
  font-weight: 700;  
  transform: translate3d(0px, 0px, 0px);
}

.cl-effect-5 a:hover span, .cl-effect-5 a:focus span {  
  transform: translateY(-100%);
}

.slider {  
  position: relative;
}

.rslides {  
  position: relative;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  overflow: hidden;  
  width: 100%;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

.rslides li {  
  width: 100%;  
  left: 0px;  
  top: 0px;
}

.rslides img {  
  display: block;  
  height: auto;  
  float: left;  
  width: 100%;  
  border-top-width: 0px;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: 0px;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: 0px;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: 0px;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;
}

.caption {
  width: 60%;  
  position: absolute;  
  top: 40%;  
  left: 20%;  
  text-align: center;
}

.caption h3 {
  text-shadow:1px 1px 0 #000000,
  -1px -1px 0 #000000,
  1px -1px 0 #000000,
  -1px 1px 0 #000000,
  0px 1px 0 #000000,
  1px 0px 0 #000000,
  0px -1px 0 #000000,
  -1px 0px 0 #000000,
  4px 4px 3px #000000;
  color: white;
  font-weight: 700;  
  font-size: 3.5em;  -epub-text-transform: uppercase;
  text-transform: uppercase;
}

.caption p {
  text-shadow:1px 1px 0 #000000,
  -1px -1px 0 #000000,
  1px -1px 0 #000000,
  -1px 1px 0 #000000,
  0px 1px 0 #000000,
  1px 0px 0 #000000,
  0px -1px 0 #000000,
  -1px 0px 0 #000000,
  4px 4px 3px #000000;
  line-height: 1.8em;
  font-size: 1.6em;
  text-align: center;
  font-weight: 600;
  width: 81%;  
  margin-top: 5px;
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  color: white;
}

.callbacks_tabs a:after {
  content: "";  
  font-size: 0px;  
  font-family: FontAwesome;  
  visibility: visible;  
  height: 15px;  
  width: 15px;  
  display: inline-block;  
  border-top-width: 2px;  
  border-top-style: solid;  
  border-top-color: white;  
  border-right-width: 2px;  
  border-right-style: solid;  
  border-right-color: white;  
  border-bottom-width: 2px;  
  border-bottom-style: solid;  
  border-bottom-color: white;  
  border-left-width: 2px;  
  border-left-style: solid;  
  border-left-color: white;  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;  
  background-color: #3333ff;
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.callbacks_here a:after {
  background-color: #17a78b;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.callbacks_tabs a {
  visibility: hidden;
}

.callbacks_tabs li {
  display: none;
}

ul.callbacks_tabs.callbacks1_tabs {
  position: absolute;  
  bottom: -2px;  
  z-index: 999;  
  left: 46%;  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.callbacks_nav {
  position: absolute;  
  top: 44%;  
  left: 14%;  -webkit-opacity: 0.7;
  opacity: 0.7;  
  z-index: 3;  
  text-indent: -9999px;  
  overflow: hidden;  
  text-decoration: none;  
  height: 61px;  
  width: 38px;  
  background-color: transparent;  
  background-repeat: no-repeat;
  background-attachment: scroll;  
  background-position: left top;  
  margin-top: -45px;
}

.callbacks_nav.next {
  left: auto;  
  background-position: right top;  
  right: 14%;
}

.beautifull {
  padding-top: 4em;  
  padding-right: 0px;  
  padding-bottom: 4em;  
  padding-left: 0px;
}

.beautifull-header {
  text-align: center;  
  width: 63%;  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 3em;
  margin-left: auto;
}

.beautifull-header h4 {
  font-size: 2.5em;
  font-weight: 600;
  color: #3333ff;
}

.beautifull-header p {
  font-size: 1.2em;  
  font-weight: 600;  
  color: #555555;  
  line-height: 1.8em;
  padding-top: 1em;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

i.heart {  
  width: 70px;  
  height: 80px;  
  background-color: transparent;  
  background-image: url("../images/img-sprite.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 0px -19px;  
  display: inline-block;
}

i.lamp {  
  width: 70px;  
  height: 80px;  
  background-color: transparent;  
  background-image: url("../images/img-sprite.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: -70px -19px;  
  display: inline-block;
}

i.star {  
  width: 70px;  
  height: 80px;  
  background-color: transparent;  
  background-image: url("../images/img-sprite.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: -140px -19px;  
  display: inline-block;
}

.icon1 {  
  float: left;  
  width: 25%;  
  text-align: center;
}

.passion {
  float: left;  
  width: 95%;
}

.passion h4 {
  font-size: 1.7em;  
  padding-top: 0.5em;  
  padding-right: 0px;  
  padding-bottom: 0.5em;  
  padding-left: 0px;  
  color: #3333ff;  
  font-weight: 600;
}
.passion h1 {
  font-size: 1.1em;
  font-weight: 700;
  color: ##555555;
  line-height: 1.8em;
  padding-top: 1em;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.passion p {
  font-size: 1.1em;  
  color: #000000;  
  font-weight: 500;  
  line-height: 1.8em;
}

.checkout-section {
  background-color: #f4f4f4;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 4em;  
  padding-right: 0px;  
  padding-bottom: 4em;  
  padding-left: 0px;
}

.checkout-header {
  text-align: center;  
  margin-bottom: 3em;
}

.checkout-header h4 {
  font-size: 2.5em;  
  font-weight: 600;  
  color: #3333ff;
}

.checkout-header p {
  font-size: 1.2em;  
  font-weight: 600;  
  color: #555555;  
  padding-top: 1em;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

.bottom-header {
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  margin-right: 29px;  
  padding-top: 1em;  
  padding-right: 0px;  
  padding-bottom: 1em;  
  padding-left: 0px;  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: medium;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: medium;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;
}

.bottom-header h5 {
  font-size: 1.5em;  
  text-align: center;  
  padding-top: 0.5em;  
  padding-right: 0px;  
  padding-bottom: 0.5em;  
  padding-left: 0px;  
  font-weight: 600;  
  color: #3333ff;
}

.bottom-header p {
  font-size: 1.2em;  
  text-align: center;  
  color: #3333ff;
}

.b-link-stripe {  
  position: relative;  
  display: inline-block;  
  vertical-align: top;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 300;  
  overflow: hidden;
}

.b-link-stripe .b-wrapper {  
  position: absolute;  
  width: 100%;  
  height: 100%;  
  top: 0px;  
  left: 0px;  
  text-align: center;  
  color: white;  
  overflow: hidden;
}

.b-link-stripe .b-wrapper:hover {  
  background-color: rgba(231, 81, 111, 0.4);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  -o-transition: all 0.5s linear 0s;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}

.b-animate-go {  
  text-decoration: none;
}

.b-animate {  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;  
  visibility: hidden;  
  font-size: 1.1em;  
  font-weight: 700;
}

.b-animate img {  
  margin-top: 30%;
}

.b-animate-go:hover .b-animate {  
  visibility: visible;
}

.b-from-left {  
  position: relative;  
  left: -100%;
}

.b-animate-go:hover .b-from-left {  
  left: 0px;
}

#portfoliolist .portfolio {  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;  
  width: 50%;  
  display: none;  
  float: left;  
  overflow: hidden;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 25px;  
  margin-left: 0px;
}

div#portfoliolist {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

.portfolio-wrapper {  
  overflow: hidden;  
  position: relative !important;  
  cursor: pointer;  
  width: 95%;
}

.portfolio img {  
  max-width: 100%;  -o-transition: all 300ms ease 0s !important;
  -webkit-transition: all 300ms ease 0s !important;
  transition: all 300ms ease 0s !important;
}

.portfolio .label {  
  position: absolute;  
  width: 100%;  
  height: 40px;  
  bottom: -40px;
}

.portfolio .label-bg {  
  background-color: #22b4b8;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  width: 100%;  
  height: 100%;  
  position: absolute;  
  top: 0px;  
  left: 0px;
}

.portfolio .label-text {  
  color: white;  
  position: relative;  
  z-index: 500;  
  padding-top: 5px;  
  padding-right: 8px;  
  padding-bottom: 5px;  
  padding-left: 8px;
}

.portfolio .text-category {  
  display: block;  
  font-size: 12px;  -epub-text-transform: uppercase;
  text-transform: uppercase;
}

.container:after {
  content: " ";  
  display: block;  
  height: 0px;  
  clear: both;  
  visibility: hidden;
}

.clearfix:before, .clearfix:after, .row:before, .row:after {  
  content: " ";  
  display: block;  
  overflow: hidden;  
  visibility: hidden;  
  width: 0px;  
  height: 0px;
}

.row:after, .clearfix:after {  
  clear: both;
}

.clear {  
  clear: both;  
  display: block;  
  overflow: hidden;  
  visibility: hidden;  
  width: 0px;  
  height: 0px;
}

.screen-shots {  
  padding-top: 3em;  
  padding-right: 0px;  
  padding-bottom: 3em;  
  padding-left: 0px;
}

.flat-phone img {  
  width: 100%;
}

.wantto-section {  
  padding-top: 4em;  
  padding-right: 0px;  
  padding-bottom: 4em;  
  padding-left: 0px;  
  text-align: center;
}

.wantto-section h4 {  
  font-size: 2.5em;  
  font-weight: 600;  
  color: #3333ff;
}

.wantto-section p {  
  font-size: 1.2em;  
  font-weight: 600;  
  color: #555555;  
  padding-top: 2em;  
  padding-right: 11em;  
  padding-bottom: 2em;  
  padding-left: 11em;
}

.wantto-section a {  
  text-decoration: none;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  font-size: 1em;  
  padding-top: 1em;  
  padding-right: 2em;  
  padding-bottom: 1em;  
  padding-left: 2em;  
  background-color: #2f4052;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: white;  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: medium;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: medium;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;  
  font-weight: 700;
}

.hvr-rectangle-in {  
  display: inline-block;  
  vertical-align: middle;  
  transform: translateZ(0px);  -webkit-box-shadow: 0px 0px 1px transparent;
  box-shadow: 0px 0px 1px transparent;  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;  
  position: relative;  
  background-color: #2098d1;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-rectangle-in:before {  
  content: "";  
  position: absolute;  
  z-index: -1;  
  top: 0px;  
  left: 0px;  
  right: 0px;  
  bottom: 0px;  
  background-color: #097ef9;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  transform: scale(1);  -o-transition-property: transform;
  -webkit-transition-property: transform;
  transition-property: transform;  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {  
  color: white;
}

.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {  
  transform: scale(0);
}

.our-work-section-head.text-center h3 {  
  font-size: 2.5em;  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  color: white;  
  font-weight: 700;  
  margin-bottom: 1em;
}

div#portfolio {  
  background-color: #26282a;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 4em;  
  padding-right: 0px;  
  padding-bottom: 4em;  
  padding-left: 0px;
}

.contact-section {
  background-color: #212932;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 3em;  
  padding-right: 0px;  
  padding-bottom: 3em;  
  padding-left: 0px;
}

.contact-grid {
  padding-top: 0px;  
  padding-right: 17px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

.cont {  
  padding-top: 1em;
}

.contact-grid h5 {
  font-size: 1.3em;  
  color: white;  
  margin-bottom: 0.5em;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  font-weight: 600;
}

.contact-grid p {
  font-size: 1.1em;  
  color: #999999;  
  padding-top: 0.5em;  
  padding-right: 0px;  
  padding-bottom: 0.2em;  
  padding-left: 0px;  
  line-height: 1.8em;
}

p.label1 {  
  font-size: 1.2em;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

.contact-grid a.more {
  text-decoration: none;  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  color: #999999;  
  font-size: 1.2em;  
  font-weight: 700;
}

.contact-grid a:hover {
  color: #2098d1;
}

.img-grid1 {  
  float: left;  
  width: 49%;  
  margin-right: 2%;
}

.img-grid2 {  
  float: left;  
  width: 49%;
}

.img-grid1 img {  
  width: 100%;
}

.img-grid2 img {  
  width: 100%;
}

.img-grid3 img {  
  width: 100%;
}

.img-grid4 img {  
  width: 100%;
}

.img-grid3 {  
  float: left;  
  width: 49%;  
  margin-right: 2%;
}

.img-grid4 {  
  float: left;  
  width: 49%;
}

.contact-leftgrid {
  margin-bottom: 0.5em;
}

.icon2 ul li {  
  display: inline-block;  
  padding-top: 0.3em;  
  padding-right: 0px;  
  padding-bottom: 0.3em;  
  padding-left: 0px;
}

i.indicate {  
  width: 20px;  
  height: 20px;  
  background-color: transparent;  
  background-image: url("../images/img-sprite.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: -160px 0px;  
  display: inline-block;  
  vertical-align: middle;
}

.icon2 ul li label {  
  font-size: 1.2em;  
  color: #acb3ba;
}

.icon2 ul li a {  
  font-size: 1.2em;  
  color: #999999;
}

.subscribe {  
  width: 100%;  
  margin-top: 1em;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  background-color: #596675;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 3px;  
  padding-right: 3px;  
  padding-bottom: 3px;  
  padding-left: 3px;  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}

.subscribe input[type="text"] {  
  width: 61.1555%;  
  padding-top: 4px;  
  padding-right: 7px;  
  padding-bottom: 0px;  
  padding-left: 2px;  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: medium;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: medium;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;  
  font-size: 1em;  
  color: rgba(211, 223, 235, 0.98);  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;  
  font-weight: 500;  
  background-color: #596675;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.subscribe input[type="submit"] {  
  color: #eceef0;  
  padding-top: 4px;  
  padding-right: 10px;  
  padding-bottom: 4px;  
  padding-left: 10px;  
  font-size: 1em;  
  letter-spacing: 1px;  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: medium;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: medium;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: -1px;  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;  
  background-color: #ef4d98;
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  font-weight: 700;  -epub-text-transform: uppercase;
  text-transform: uppercase;
}

.subscribe input[type="submit"]:hover {  
  background-color: #2f4052;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.footer-section {
  background-color: rgba(232, 232, 232, 0.35);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 1em;  
  padding-right: 0px;  
  padding-bottom: 1em;  
  padding-left: 0px;
}

.footer-left {  
  float: right;
}

.bottom-menu {  
  float: left;
}

.bottom-menu ul li {  
  display: inline-block;
}

.footer-left p {  
  font-size: 1.1em;  
  color: #999999;
}

.footer-left p a {  
  font-size: 1em;  
  color: #999999;  
  margin-left: 10px;
}

.footer-left p a:hover {  
  color: #acb3ba;
}

.bottom-menu ul li a {  
  font-size: 1.2em;  
  color: #acb3ba;  
  text-decoration: none;  
  margin-top: 0px;  
  margin-right: 0.5em;  
  margin-bottom: 0px;  
  margin-left: 0.5em;  -epub-text-transform: capitalize;
  text-transform: capitalize;
}

.bottom-menu ul li a:hover {  
  color: #ef4d98;
}

.bottom-menu ul li a.active {  
  color: #ef4d98;
}

.b-animate img {
}

.b-animate-go:hover .b-animate {  
  visibility: visible;
}

.b-from-left {  
  position: relative;  
  left: -100%;
}

.b-animate-go:hover .b-from-left {  
  left: 0px;
}

.zoom-icon {  
  position: absolute;  -webkit-opacity: 0;
  opacity: 0;  
  display: block;  
  left: 0px;  
  top: -152px;  
  width: 290px;  
  height: 219px;  
  background-color: transparent;  
  background-image: url("../images/zoom-icon.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;  
  cursor: pointer;  -o-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.grid_box .zoom-icon {  
  top: -50px;  
  width: 100%;  
  height: 350px;
}

.grid_box a:hover .zoom-icon {  
  top: 20px;  -webkit-opacity: 1;
  opacity: 1;
}

.blog_posts {  
  padding-top: 15px;  
  padding-right: 0px;  
  padding-bottom: 20px;  
  padding-left: 0px;
}

.blog_date {  
  float: left;  
  width: 10%;  
  background-color: #ef4d98;
  background-image: none;  
  background-repeat: repeat-x;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  display: inline-block;  
  text-align: center;  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}

.blog_posts figure {  
  font-weight: 700;  
  font-size: 12px;  
  color: white;  
  text-align: center;  
  padding-top: 14px;  
  padding-right: 0px;  
  padding-bottom: 14px;  
  padding-left: 0px;
}

.blog_posts figure span {  
  font-size: 2.5em;  
  line-height: 1.2em;  
  color: white;  
  display: block;  
  margin-bottom: -5px;
}

.blog_desc {  
  float: left;  
  padding-left: 2%;  
  width: 88%;
}

.bd1 {  
  float: left;  
  padding-left: 2%;  
  width: 89%;
}

.bd {  
  float: left;  
  width: 7%;  
  background-color: #ef4d98;
  background-image: none;  
  background-repeat: repeat-x;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  display: inline-block;  
  text-align: center;  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}

.blog_heading p span {  
  color: #c86360;  
  font-size: 18px;  -epub-text-transform: uppercase;
  text-transform: uppercase;
}

.blog_heading p {  
  color: #9a585c;  
  font-size: 0.8em;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

.blog_1_of_2 {  
  width: 50%;  
  float: left;
}

.blogdata_1_of_2 {  
  width: 47%;  
  float: left;  
  margin-left: 3%;
}

.blog_img img {  
  padding-top: 5px;  
  padding-right: 5px;  
  padding-bottom: 5px;  
  padding-left: 5px;  
  margin-top: 10px;
}

img.zoom-img:hover {  
  transform: scale(1.1);  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;  -o-transition-duration: 750ms;
  -webkit-transition-duration: 750ms;
  transition-duration: 750ms;  
  overflow: hidden;
}

img.zoom-img {  
  transform: scale(1, 1);  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;  -o-transition-duration: 250ms;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
}

.content-pagenation {  
  text-align: center;  
  margin-top: 2em;
}

.content-pagenation li {  
  display: inline-block;
}

.content-pagenation li a {  
  color: #2098d1;  
  font-size: 1em;  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 10px;  
  padding-right: 12px;  
  padding-bottom: 10px;  
  padding-left: 12px;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #2098d1;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #2098d1;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #2098d1;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #2098d1;  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;  
  text-decoration: none;
}

.content-pagenation li a:hover {  
  color: #555555;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #3333ff;
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #3333ff;
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #3333ff;
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #3333ff;
}

.span_1_of_3 li {  
  color: #555555;  
  font-size: 1em;  
  padding-top: 7px;  
  padding-right: 24px;  
  padding-bottom: 7px;  
  padding-left: 24px;  
  background-color: transparent;  
  background-image: url("../images/list-arrow.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 0px center;  
  cursor: pointer;  
  list-style-type: none;
}

.span_1_of_3 li:hover {  
  color: #2098d1;
}

.blog_heading a {  
  font-size: 1.5em;  
  color: #ef4d98;
  text-decoration: none;  -epub-text-transform: capitalize;
  text-transform: capitalize;
}

.blog_heading p {  
  color: #555555;  
  font-size: 1.2em;  
  line-height: 1.8em;  
  font-weight: 300;
}

a.blog1 {  
  color: #555555;  
  font-size: 1.1em;  
  font-weight: 300;
}

.blog_data p {  
  color: #555555;  
  font-size: 1.1em;  
  line-height: 1.8em;  
  font-weight: 300;  
  padding-top: 1em;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

p.text {  
  color: #555555;  
  font-size: 1.1em;  
  line-height: 1.8em;  
  font-weight: 300;
}

.blog_img img {  
  width: 100%;
}

.blog_heading h3 {  
  font-size: 1.4em;  
  color: #ef4d98;  -epub-text-transform: capitalize;
  text-transform: capitalize;
}

.more span a {  
  padding-top: 8px;  
  padding-right: 10px;  
  padding-bottom: 8px;  
  padding-left: 10px;  
  font-size: 1em;  
  color: white;  -o-transition: box-shadow 0s ease 0s background 0.2s linear 0s;
  -webkit-transition: box-shadow 0s ease 0s background 0.2s linear 0s;
  transition: box-shadow 0s ease 0s background 0.2s linear 0s;  
  background-color: #3333ff;
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  float: left;  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.13);  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  text-decoration: none;  
  margin-top: 0.8em;
}

.blog-content-head h3 {  
  color: #3333ff;
  font-size: 2.5em;  
  margin-bottom: 0.2em;  
  text-align: center;  
  font-weight: 700;
}

.blog-content {  
  padding-top: 4em;  
  padding-right: 0px;  
  padding-bottom: 4em;  
  padding-left: 0px;  
  background-color: #f2f5f7;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.rsidebar h3 {  
  color: #3333ff;
  font-size: 2em;  
  margin-bottom: 8px;
}

.rsidebar.span_1_of_3 {  
  margin-top: 2em;
}

.latest_comments h4 a {  
  color: #2098d1;  
  font-size: 0.9em;  
  font-style: italic;
}

.latest_comments p {  
  font-size: 1em;  
  color: #555555;  
  font-weight: 500;  
  padding-top: 5px;  
  padding-right: 0px;  
  padding-bottom: 5px;  
  padding-left: 0px;
}

.latest_comments {  
  margin-top: 2em;
}

.single {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 3em;  
  margin-left: 7em;
}

.icon9 {  
  float: left;  
  border-top-width: 1px;  
  border-top-style: dashed;  
  border-top-color: #3333ff;
  border-bottom-width: 1px;  
  border-bottom-style: dashed;  
  border-bottom-color: #3333ff;
  padding-top: 1em;  
  padding-right: 0px;  
  padding-bottom: 1em;  
  padding-left: 0px;  
  width: 100%;  
  margin-top: 1em;
}

.icon9 ul li {  
  display: inline-block;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 3px;
}

.icon9 ul li a {  
  font-size: 1.15em;  
  vertical-align: top;  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  color: #555555;
}

i.user {  
  width: 20px;  
  height: 20px;  
  background-color: transparent;  
  background-image: url("../images/img-sprite.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: -180px 0px;  
  display: inline-block;  
  vertical-align: middle;
}

i.clender {  
  width: 20px;  
  height: 20px;  
  background-color: transparent;  
  background-image: url("../images/img-sprite.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: -200px 0px;  
  display: inline-block;  
  vertical-align: top;
}

i.comment {  
  width: 20px;  
  height: 20px;  
  background-color: transparent;  
  background-image: url("../images/img-sprite.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: -220px 0px;  
  display: inline-block;  
  vertical-align: top;
}

i.donec {  
  width: 20px;  
  height: 20px;  
  background-color: transparent;  
  background-image: url("../images/img-sprite.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: -240px 0px;  
  display: inline-block;  
  vertical-align: top;
}

i.per {  
  width: 20px;  
  height: 20px;  
  background-color: transparent;  
  background-image: url("../images/img-sprite.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: -260px 0px;  
  display: inline-block;  
  vertical-align: top;
}

.icon9 ul li p {  
  font-size: 1.15em;  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  color: #555555;
}

.icon9 ul li:nth-child(9) {  
  margin-left: 39em;
}

.icon9 ul li:nth-child(10) {  
  float: right;
}

.leave h4 {  
  color: #ef4d98;
  font-size: 2em;  
  margin-top: 1.5em;  
  margin-right: 0px;  
  margin-bottom: 1.5em;  
  margin-left: 0px;  
  font-weight: 400;
}

#commentform label {  
  display: block;  
  font-size: 1em;  
  color: #3333ff;
}

#commentform span {  
  color: #a60000;  
  position: absolute;
}

#commentform input[type="text"] {  
  padding-top: 8px;  
  padding-right: 15px;  
  padding-bottom: 8px;  
  padding-left: 15px;  
  width: 60%;  
  color: #444444;  
  font-size: 1em;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #eeeeee;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #eeeeee;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #eeeeee;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #eeeeee;  
  background-color: #eeeeee;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;  
  display: block;
}

#commentform textarea {  
  padding-top: 13px;  
  padding-right: 20px;  
  padding-bottom: 13px;  
  padding-left: 20px;  
  width: 60%;  
  color: #444444;  
  font-size: 0.85em;  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;  
  height: 150px;  
  display: block;  
  resize: none;  
  font-weight: 400;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #eeeeee;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #eeeeee;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #eeeeee;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #eeeeee;  
  background-color: #eeeeee;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

#commentform input[type="submit"] {  
  padding-top: 10px;  
  padding-right: 40px;  
  padding-bottom: 10px;  
  padding-left: 40px;  
  color: white;  
  background-color: #2098d1;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: medium;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: medium;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  cursor: pointer;  
  font-size: 1.3em;  
  font-weight: 600;
}

#commentform input[type="submit"]:hover {  
  background-color: #3333ff;
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.comments1 {  
  margin-top: 3em;
}

#commentform p {  
  position: relative;  
  padding-top: 8px;  
  padding-right: 0px;  
  padding-bottom: 8px;  
  padding-left: 0px;  
  font-family: 'Open Sans', sans-serif;  
  font-size: 1em;
}

.comments-main {  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #d5d4d4;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #d5d4d4;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #d5d4d4;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #d5d4d4;  
  padding-top: 17px;  
  padding-right: 0px;  
  padding-bottom: 17px;  
  padding-left: 0px;  
  margin-top: 15px;  
  margin-right: 0px;  
  margin-bottom: 15px;  
  margin-left: 0px;
}

.cmnts-right a {  
  padding-top: 6px;  
  padding-right: 12px;  
  padding-bottom: 6px;  
  padding-left: 12px;  
  color: white;  
  font-weight: 600;  
  font-size: 14px;  
  font-family: 'Open Sans', sans-serif;  
  background-color: #999999;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;
}

.Archives {  
  margin-bottom: 3em;
}

.cmts-main-left img {  
  border-top-width: 3px;  
  border-top-style: solid;  
  border-top-color: #cccccc;  
  border-right-width: 3px;  
  border-right-style: solid;  
  border-right-color: #cccccc;  
  border-bottom-width: 3px;  
  border-bottom-style: solid;  
  border-bottom-color: #cccccc;  
  border-left-width: 3px;  
  border-left-style: solid;  
  border-left-color: #cccccc;
}

.cmnts-right a:hover {  
  background-color: #333333;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  text-decoration: none;
}

.cmts-main-right h5 {  
  font-size: 1em;  
  color: #4e4e4b;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  font-weight: 600;
}

.comments1 h4 {  
  font-size: 1.5em;  
  margin-bottom: 1.2em;  
  color: #3333ff;
  font-weight: 600;
}

.cmts-main-right p {  
  font-size: 1.1em;  
  color: #555555;  
  margin-top: 15px;  
  margin-right: 0px;  
  margin-bottom: 15px;  
  margin-left: 0px;
}

.cmnts-left p {  
  font-size: 13px;  
  color: #999999;  
  font-weight: 600;
}

.page-not-found h1 {
  font-size: 7.5em;  
  color: #ef4d98;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  font-weight: 700;  
  margin-top: 0.8em;  
  margin-right: 0px;  
  margin-bottom: 10px;  
  margin-left: 0px;
}

.page-not-found h2 {
  font-size: 6em;  
  color: #ef4d98;  -epub-text-transform: uppercase;
  text-transform: uppercase;
}

.page-not-found p {  
  font-size: 1.8em;  
  margin-top: 1em;  
  margin-right: 0px;  
  margin-bottom: 1em;  
  margin-left: 0px;  
  line-height: 1.6em;  
  color: #3333ff;
}

.page-not-found span.error {  
  color: #ef4d98;
  font-size: 2em;
}

.page-not-found p span {  
  font-size: 0.8em;  
  color: #3333ff;
}

a.button {  
  background-color: #ef4d98;
  font-size: 1.2em;  
  padding-top: 0.5em;  
  padding-right: 1em;  
  padding-bottom: 0.5em;  
  padding-left: 1em;  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  text-decoration: none;  
  color: white;
}

.page-not-found {  
  min-height: 690px;
}

.main {  
  padding-top: 3%;  
  padding-right: 0px;  
  padding-bottom: 3%;  
  padding-left: 0px;  
  background-color: rgba(245, 245, 245, 0.9);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.features-section {  
  background-color: #f2f5f7;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 4em;  
  padding-right: 0px;  
  padding-bottom: 4em;  
  padding-left: 0px;
}

.features-section h3 {  
  font-size: 2.5em;  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  color: #3333ff;
  font-weight: 700;  
  text-align: center;
}

.features-grids {  
  margin-top: 3em;
}

.feature {  
  float: left;  
  width: 74%;  
  margin-right: 1%;
}

.feature h4 {  
  font-size: 1.7em;  
  color: #3333ff;
  font-weight: 600;  
  margin-bottom: 0.5em;
}

.feature p {  
  font-size: 1.1em;  
  color: #555555;  
  font-weight: 500;  
  line-height: 1.8em;
}

.icon5 {  
  float: right;  
  width: 25%;
}

.features-grid1 {  
  margin-bottom: 3em;
}

.contact {
  display: block;
}

.contact h3 {  
  font-size: 2.5em;  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  color: #3333ff;
  font-weight: 700;  
  text-align: center;  
  margin-bottom: 1em;
}

.contact_info {  
  float: right;  
  width: 64.3333%;
}

.contact-map {  
  margin-top: 2%;
}

.company_address {
  float: left;  
  margin-right: 3%;  
  width: 32.3333%;
}

.span_1_of_2 h2 {
  font-size: 2em;  
  color: #3333ff;  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  margin-bottom: 0.5em;  
  font-weight: 600;
}

.span_2_of_4 h2 {  
  font-size: 2em;  
  color: #3333ff;  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  word-spacing: 1px;  
  margin-bottom: 15px;  
  font-weight: 600;
}

.contact-form {
  position: relative;  
  margin-top: 2%;
}

.contact-form div {
  padding-top: 5px;  
  padding-right: 0px;  
  padding-bottom: 5px;  
  padding-left: 0px;
}

.contact-form span {
  color: #c9c9c9;
  display: block;  
  font-size: 0.8725em;  
  padding-bottom: 5px;
}

.company_address p {
  font-size: 1.1em;  
  color: #555555;
  line-height: 1.8em;
}

.company_address p span {
  color: #8abb96;
  cursor: pointer;
}

.company_address p span:hover {
  color: #c9c9c9;  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.contact-form input[type="text"], .contact-form textarea {
  font-size: 1.1em;  
  color: #3333ff;
  font-weight: 500;  
  padding-top: 1em;  
  padding-right: 1em;  
  padding-bottom: 1em;  
  padding-left: 1em;
  display: block;  
  width: 98%;  
  background-color: white;  
  background-image: none;
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: medium;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: medium;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}

.contact-form textarea {  
  resize: none;  
  height: 180px;
}

.contact-form input[type="text"]:focus, .contact-form textarea:focus {  -o-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  transition: all 0.9s ease 0s;  -webkit-box-shadow: 0px 0px 1px rgba(154, 153, 162, 0.69);
  box-shadow: 0px 0px 1px rgba(154, 153, 162, 0.69);
}

.contact-form input[type="submit"] {  
  background-color: #6f6f6f;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: white;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #646464;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #646464;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #646464;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #646464;  
  cursor: pointer;  
  padding-top: 10px;  
  padding-right: 18px;  
  padding-bottom: 10px;  
  padding-left: 18px;  
  display: inline-block;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  font-size: 1em;  
  font-weight: 400;  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;  
  position: relative;  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}

.contact-form input[type="submit"]:hover {  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;  
  background-color: #e1184a;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: white;
}

.button a {  
  background-color: #2098d1;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: white;  
  text-decoration: none;  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: medium;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: medium;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;  
  font-size: 1.2em;  
  padding-top: 12px;  
  padding-right: 24px;  
  padding-bottom: 12px;  
  padding-left: 24px;  
  display: inline-block;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  letter-spacing: 1px;  
  font-weight: 600;  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;  
  position: relative;  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

.button a:hover {  
  background-color: #2f4052;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.company_address a {  
  color: #3333ff;
}

.contact-form span label {  
  color: rgba(115, 135, 156, 0.84);  
  font-size: 13px;  
  font-weight: 700;
}

.col.span_1_of_2 {  
  margin-bottom: 4em;
}

#toTop {  
  display: none;  
  text-decoration: none;  
  position: fixed;  
  bottom: 10px;  
  right: 10px;  
  overflow: hidden;  
  width: 48px;  
  height: 48px;  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: medium;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: medium;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;  
  text-indent: 100%;  
  background-color: transparent;  
  background-image: url("../images/to-top2.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 0px 0px;
}

@media (max-width: 1024px) {
  .header-bottom { padding: 1em 0px; }
  .top-menu ul li a { margin: 0px 0.5em; }
  .top-menu { margin-top: 0.2em; }
  .caption h3 { font-size: 3em; }
  .caption p { width: 100%; font-size: 1.2em; }
  .caption { width: 63%; position: absolute; top: 35%; left: 18%; }
  a.morebtn { margin: 2em auto 0px; width: 35%; }
  .beautifull-header { width: 71%; }
  .beautifull-header h4 { font-size: 2.3em; }
  .beautifull-header p { font-size: 1.1em; }
  .passion h4 { font-size: 1.3em; }
  .passion p { font-size: 1em; }
  .checkout-header h4 { font-size: 2.3em; }
  .checkout-header p { font-size: 1.1em; }
  .bottom-header h5 { font-size: 1.2em; }
  .bottom-header { margin-right: 23px; }
  .wantto-section { padding: 3em 0px; }
  .wantto-section h4 { font-size: 2.3em; }
  .wantto-section p { font-size: 1.1em; padding: 2em 10em; }
  .contact-grid h5 { font-size: 1.1em; }
  .contact-grid p { font-size: 1em; }
  .contact-grid a.more { font-size: 1.1em; }
  p.label1 { font-size: 1.05em; }
  .icon2 ul li a { font-size: 1em; }
  .subscribe { padding: 3px 2px; }
  .subscribe input[type="text"] { width: 54.25%; }
  .subscribe input[type="submit"] { padding: 4px 8px; }
  .bottom-menu ul li a { font-size: 1.1em; margin: 0px 0.2em; }
  .our-work-section-head.text-center h3 { font-size: 2.3em; }
  .grid_box .zoom-icon { height: 260px; }
  .blog-content-head h3 { font-size: 2.3em; }
  .blog_heading a { font-size: 1.2em; }
  a.blog1 { font-size: 1em; }
  .blog_heading p { font-size: 1.1em; }
  .blog_desc { float: left; padding-left: 2%; width: 87%; }
  .blog_date { width: 11%; }
  .bd { float: left; width: 8%; }
  .blog_desc { float: left; padding-left: 2%; width: 90%; }
  .blog_data p { font-size: 1em; }
  p.text { font-size: 1em; }
  .rsidebar h3 { font-size: 1.7em; }
  .more span a { padding: 8px; margin-top: 0.5em; }
  .blog_posts figure span { font-size: 2.2em; }
  .latest_comments h4 a { font-size: 0.8em; }
  .blog_heading h3 { font-size: 1.2em; }
  .single { margin: 0px 0px 3em 6em; }
  .icon9 ul li a { font-size: 1.1em; }
  .icon9 ul li:nth-child(9) { margin-left: 27em; }
  .leave h4 { font-size: 1.7em; }
  .comments1 h4 { font-size: 1.2em; }
  #commentform input[type="submit"] { padding: 10px 30px; font-size: 1.2em; }
  .page-not-found { min-height: 600px; padding-top: 8em; }
  .features-section h3 { font-size: 2.3em; }
  .feature h4 { font-size: 1.3em; }
  .feature { width: 85%; }
  .feature p { font-size: 1em; }
  .icon5 img { width: 100%; }
  .icon5 { float: right; width: 14%; }
  .page-not-found h1 { font-size: 4em; }
  .page-not-found h2 { font-size: 3.5em; }
  .page-not-found p { font-size: 1.5em; }
  .contact h3 { font-size: 2.3em; }
  .search1 { margin-left: 340px; width: 28%; }
  .search1 form input[type="text"] { width: 170px; }
  .span_1_of_2 h2 { font-size: 1.7em; }
  .span_2_of_4 h2 { font-size: 1.7em; }
  .company_address p { font-size: 1em; }
  .button a { font-size: 1em; padding: 10px 15px; }
}

@media (max-width: 780px) {
  .logo h1 { font-size: 3em; }
  .header-bottom { padding: 0.5em 0px; }
  span.menu:before { display: block; cursor: pointer; }
  .top-menu { float: none; width: 100%; text-align: right; }
  .top-menu ul { display: none; }
  .top-menu ul li { font-size: 14px; display: block; }
  .top-menu span.menu { cursor: pointer; display: block; margin-top: 0.8em; }
  .top-menu ul li { display: block; float: none; margin: 0em; padding: 6px 0px; }
  .top-menu ul li a { display: block; }
  .top-menu ul { margin: 15px 0px 0px; z-index: 999; position: absolute; width: 96%; background: none repeat scroll 0% 0% black; text-align: center; padding: 9px 0px; }
  .caption { width: 73%; top: 30%; left: 15%; }
  .caption h3 { font-size: 2.5em; }
  .caption p { font-size: 1.05em; }
  .beautifull { padding: 3em 0px; }
  .beautifull-header h4 { font-size: 1.7em; }
  .beautifull-header p { font-size: 1em; padding: 0.6em 0px; }
  .beautiful-grid { float: left; width: 31.33%; margin-right: 2%; padding: 0px; }
  i.heart { width: 50px; height: 60px; background: url("../images/img-sprite.png") no-repeat scroll 0px -11px / 302px auto transparent; display: inline-block; }
  i.lamp { width: 50px; height: 60px; background: url("../images/img-sprite.png") no-repeat scroll -40px -11px / 302px auto transparent; display: inline-block; }
  i.star { width: 50px; height: 60px; background: url("../images/img-sprite.png") no-repeat scroll -80px -12px / 302px auto transparent; display: inline-block; }
  .passion p { font-size: 0.96em; }
  .bottom-header { margin-right: 18px; }
  .checkout-section { padding: 3em 0px; }
  .checkout-header h4 { font-size: 1.7em; }
  .checkout-header p { font-size: 1em; }
  .passion h4 { font-size: 1.2em; }
  .bottom-header h5 { font-size: 1.15em; }
  .bottom-header p { font-size: 1.15em; }
  .wantto-section { padding: 3em 0px; }
  .wantto-section h4 { font-size: 1.7em; }
  .wantto-section p { font-size: 1em; padding: 1.5em 4em; }
  .wantto-section a { font-size: 1em; padding: 0.8em 1.5em; }
  .contact-grid { float: left; width: 50%; margin: 2em 0px; }
  .contact-grid h5 { font-size: 1.1em; }
  .contact-section { padding: 1em 0px; }
  .contact-grid span img { width: 40%; }
  .contact-grid p { font-size: 0.96em; }
  .contact-grid { padding: 0px 12px 0px 0px; }
  .contact-grid a.more { font-size: 1em; }
  .subscribe input[type="text"] { width: 70.455%; border: medium none; font-size: 1em; }
  .subscribe input[type="submit"] { color: #eceef0; padding: 7px 10px; border-radius: 2px 2px 2px 2px; font-size: 1em; }
  .footer-left { float: none; text-align: center; margin-bottom: 1em; }
  .bottom-menu { float: none; text-align: center; }
  #portfoliolist .portfolio { width: 49%; }
  div#portfolio { padding: 3em 0px; }
  .our-work-section-head.text-center h3 { font-size: 1.7em; }
  .grid_box .zoom-icon { height: 170px; }
  .blog_date { float: left; width: 14%; }
  .blog_desc { float: left; padding-left: 2%; width: 86%; }
  .blog-grid { float: left; width: 70%; }
  .bd { float: left; width: 10%; }
  .bd1 { float: left; padding-left: 2%; width: 88%; }
  .blog-grid1 { float: left; width: 30%; }
  a.blog1 { font-size: 0.96em; }
  .blog_posts figure span { font-size: 2em; }
  .blog-content { padding: 2em 0px; }
  .blog-content-head h3 { font-size: 1.7em; }
  .blog_heading a { font-size: 1.1em; }
  .blog_heading p { font-size: 1em; }
  .blog_heading h3 { font-size: 1.1em; }
  .blog_data p { font-size: 0.96em; }
  p.text { font-size: 1em; }
  .single { margin: 0px 0px 3em 4em; }
  .icon9 ul li:nth-child(9) { margin-left: 15em; }
  .icon9 ul li a { font-size: 1em; }
  .icon9 ul li p { font-size: 1em; }
  .icon9 ul li:nth-child(9) { margin-left: 14.5em; }
  .leave h4 { font-size: 1.5em; }
  #commentform label { font-size: 0.9em; }
  #commentform input[type="submit"] { font-size: 1em; }
  .cmts-main-left { float: left; width: 19%; margin-right: 1%; }
  .cmts-main-right { float: left; width: 80%; }
  .cmts-main-right p { font-size: 0.96em; margin: 10px 0px; }
  .cmnts-left { float: left; }
  .cmnts-right { float: left; margin-top: 1em; }
  .rsidebar h3 { font-size: 1.5em; }
  .span_1_of_3 li { padding: 7px 16px; font-size: 0.96em; }
  .latest_comments p { font-size: 0.96em; }
  .icon5 img { width: 60%; }
  .search1 { margin-left: 226px; width: 36%; }
  .content-pagenation { margin: 1.5em 0px; }
  .feature { width: 85%; margin: 0px; }
  .features-section { padding: 3em 0px; }
  .features-section h3 { font-size: 1.8em; }
  .feature p { font-size: 0.96em; }
  .feature h4 { font-size: 1.2em; }
  .features-grid1 { margin-bottom: 2em; }
  .contact h3 { font-size: 1.7em; }
  .span_1_of_2 h2 { font-size: 1.4em; }
  .company_address p { font-size: 0.96em; }
  img.work-img { width: 100%; }
}

@media (max-width: 640px) {
  .top-menu ul li a { font-size: 1em; }
  .top-menu ul { width: 95%; }
  .logo h1 { font-size: 2.5em; }
  .logo { margin-top: 6px; }
  .caption { width: 89%; top: 27%; left: 5%; }
  .caption h3 { font-size: 2em; }
  .caption p { font-size: 1.05em; margin: 0.5em auto 0px; }
  a.morebtn { margin: 1em auto 0px; width: 28%; padding: 0.8em 0px; }
  ul.callbacks_tabs.callbacks1_tabs { left: 44%; }
  .beautifull-header { width: 83%; }
  .beautifull { padding: 3em 0px; }
  .beautifull-header h4 { font-size: 1.5em; }
  .beautifull-header p { padding: 0.6em 0px; font-size: 0.96em; }
  .beautifull-grids { margin-top: 0.6em; }
  .passion h4 { font-size: 1.2em; padding: 0.2em 0px; }
  .checkout-section { padding: 3em 0px; }
  .checkout-header h4 { font-size: 1.5em; }
  .bottom-header { margin-right: 14px; }
  .screen-shots { padding: 3em 0px; }
  .wantto-section { padding: 3em 0px; }
  .wantto-section a { font-size: 1em; padding: 0.7em 1em; }
  .wantto-section p { padding: 1.5em 2em; }
  .contact-grid h5 { font-size: 1.05em; }
  .contact-grid span img { width: 30%; }
  .subscribe input[type="text"] { width: 69%; font-size: 0.95em; }
  .subscribe input[type="submit"] { font-size: 0.89em; padding: 7px; }
  .contact-section { padding: 2em 0px; }
  .contact-grid p { font-size: 0.96em; }
  .footer-section { padding: 1.5em 0px; }
  .our-work-section-head.text-center h3 { font-size: 1.5em; }
  #portfoliolist .portfolio { width: 50%; }
  #filters li span { padding: 5px 15px; font-size: 1em; }
  .grid_box .zoom-icon { height: 140px; }
  .blog-content-head h3 { font-size: 1.5em; }
  .blog_posts figure span { font-size: 1.5em; }
  .blog_heading a { font-size: 1.1em; }
  .blog_heading h3 { font-size: 1.05em; }
  .blog_heading p { font-size: 0.99em; }
  .blog_date { float: left; width: 10%; }
  .blog-grid { float: none; width: 100%; }
  .blog-grid1 { float: none; width: 100%; }
  .more span a { font-size: 0.89em; }
  .rsidebar h3 { font-size: 1.3em; }
  .rsidebar.span_1_of_3 { width: 50%; margin: 50px 0px 0px 4em; }
  .leave h4 { font-size: 1.3em; }
  .single { margin: 0px 0px 3em 3em; }
  p.text { font-size: 0.96em; }
  .icon9 ul li:nth-child(9) { margin-left: 6.5em; }
  .comments1 h4 { font-size: 1.1em; }
  #commentform input[type="text"] { width: 100%; }
  #commentform textarea { width: 100%; }
  .cmts-main-left img { width: 100%; }
  .cmnts-right a { font-size: 11px; }
  .content-pagenation { text-align: center; float: none; }
  .span_1_of_3 li { padding: 7px 15px; font-size: 0.95em; }
  .latest_comments p { font-size: 0.9em; }
  .latest_comments h4 a { font-size: 0.8em; }
  .content-pagenation li a { font-size: 0.9em; }
  .page-not-found { min-height: 600px; }
  .page-not-found h1 { font-size: 3.5em; }
  .page-not-found h2 { font-size: 2.5em; }
  .page-not-found p { font-size: 1.3em; }
  .page-not-found span.error { font-size: 13px; }
  a.button { font-size: 1em; }
  .features-section h3 { font-size: 1.5em; }
  .features-section { padding: 2em 0px; }
  .features-grids { margin-top: 1.5em; }
  .features-grid1 { margin-bottom: 2em; }
  .feature h4 { font-size: 1.1em; }
  .icon5 img { width: 80%; }
  .feature p { font-size: 0.96em; }
  .contact h3 { font-size: 1.5em; }
  .span_1_of_2 h2 { font-size: 1.3em; }
  .span_2_of_4 h2 { font-size: 1.3em; }
  .company_address p { font-size: 0.96em; }
}

@media (max-width: 480px) {
  .logo { margin-top: 7px; }
  .logo h1 { font-size: 2em; }
  .top-menu span.menu { display: block; margin-top: 0.7em; }
  .top-menu ul { width: 94%; }
  .top-menu ul li { padding: 4px 0px; }
  .caption h3 { font-size: 1.5em; }
  .social-icons i { margin-left: 0.5em; }
  .caption { width: 85%; top: 19%; left: 9%; }
  .caption p { font-size: 1em; margin: 0.5em auto 0px; line-height: 1.5em; }
  .beautifull-header { margin: 0px; }
  .beautifull { padding: 2em 0px; }
  .beautifull-header { width: 100%; }
  .beautifull-header h4 { font-size: 1.3em; }
  .beautiful-grid { width: 100%; margin-top: 1.5em; }
  .passion { margin-top: 0.5em; }
  .passion h4 { font-size: 1em; }
  .checkout-section { padding: 2em 0px; }
  .checkout-header h4 { font-size: 1.3em; }
  .checkout-header { width: 100%; margin-bottom: 2em; }
  .checkout-header p { font-size: 0.96em; padding: 0.5em 0px 0px; }
  .bottom-header { padding: 0.5em 0px; }
  .bottom-header h5 { font-size: 1em; line-height: 1.5em; }
  .bottom-header { margin-right: 10px; }
  .bottom-header p { font-size: 1em; }
  .screen-shots { padding: 2em 0px; }
  .owl-theme .owl-controls .owl-page span { display: none; }
  .wantto-section h4 { font-size: 1.5em; }
  .wantto-section p { padding: 1em; font-size: 0.96em; }
  .wantto-section a { font-size: 0.96em; padding: 0.7em 1em; }
  .wantto-section { padding: 2em 0px; }
  .contact-section { padding: 0px 0px 2em; }
  .contact { padding: 1.5em 0px 0px; }
  .contact-grid { width: 100%; padding: 0px; }
  .contact-grid p { padding: 0.3em 0px; }
  i.indicate { margin: 0px; }
  .icon2 ul li a { font-size: 0.96em; }
  .contact-grid span img { width: 25%; }
  .contact-grid h5 { font-size: 1em; margin-bottom: 0.5em; }
  .bottom-menu { float: none; text-align: center; }
  .subscribe input[type="text"] { width: 79.7%; padding: 4px 7px 0px 8px; }
  .bottom-menu ul li a { font-size: 1em; }
  .footer-left p a { font-size: 1em; }
  .our-work-section-head.text-center h3 { font-size: 1.4em; }
  .grid_box .zoom-icon { height: 90px; }
  #portfoliolist .portfolio { margin: 0px 0px 15px; }
  div#portfolio { padding: 2em 0px; }
  .blog-content-head h3 { font-size: 1.4em; }
  .blog_heading a { font-size: 1.05em; }
  .blog_posts figure span { font-size: 1.2em; }
  .blog_date { float: left; width: 13%; }
  .blog_desc { float: left; padding-left: 2%; width: 87%; }
  .blog_1_of_2 { width: 100%; float: none; padding: 0px; }
  .blogdata_1_of_2 { width: 100%; float: none; margin: 0%; }
  .more span a { font-size: 0.79em; margin-top: 1em; }
  .rsidebar.span_1_of_3 { width: 90%; margin: 50px 0px 0px 2em; }
  .rsidebar h3 { font-size: 1.2em; }
  .icon9 ul li:nth-child(9) { margin-left: 23.5em; }
  .leave h4 { font-size: 1.2em; margin: 1em 0px; }
  .single { margin: 0px 0px 2em 1em; }
  p.text { font-size: 0.96em; padding: 0px 0px 0px 47px; }
  .comments1 { margin-top: 2em; }
  .cmts-main-left { float: left; width: 29%; margin-right: 1%; }
  .cmts-main-right { float: left; width: 70%; }
  .page-not-found { min-height: 560px; padding-top: 5em; }
  #commentform input[type="submit"] { font-size: 0.95em; padding: 10px 20px; }
  .content-pagenation { margin: 1em 0px; }
  .page-not-found h1 { font-size: 3em; margin: 2em 0px 10px; }
  .page-not-found h2 { font-size: 2em; }
  .search1 { margin-left: 110px; width: 50%; }
  .features-section h3 { font-size: 1.4em; }
  .contact h3 { font-size: 1.4em; }
  .span_1_of_2 h2 { font-size: 1.2em; }
  .contact_info { float: none; width: 100%; margin-bottom: 2em; }
  .company_address { width: 100%; }
  .contact-form input[type="text"], .contact-form textarea { padding: 0.5em; }
  .span_2_of_4 h2 { font-size: 1.2em; }
  .blog-content { padding: 1em 0px; margin-bottom: 0.5em; }
  .col.span_1_of_2 { margin-bottom: 2em; }
  .button a { font-size: 0.95em; padding: 10px; }
}

@media (max-width: 320px) {
  .social-icons { float: ; display: none; }
  .icon { float: none; text-align: center; }
  .top-menu span.menu { width: 100%; }
  .top-menu ul { width: 90%; margin: 9px 0px; }
  .logo { margin-top: 4px; }
  .caption p { font-size: 0.96em; }
  .rslides img { display: block; height: 150px; }
  a.morebtn { margin: 0.8em auto; width: 47%; padding: 10px 0px; font-size: 0.8em; }
  .caption { width: 93%; top: 17%; left: 4%; }
  .caption h3 { font-size: 1.3em; }
  ul.callbacks_tabs.callbacks1_tabs { display: none; }
  .sb-search.sb-search-open, .no-js .sb-search { width: 65%; }
  .beautifull { padding: 1em 0px; }
  .beautifull-header h4 { font-size: 1.4em; }
  .beautiful-grid { width: 100%; margin-top: 0.5em; }
  .passion h4 { font-size: 1.2em; }
  .checkout-header h4 { font-size: 1.4em; }
  #portfoliolist .portfolio { width: 100%; }
  .screen-shots { padding: 2em 0px; }
  .bottom-header { margin-right: 12px; }
  .bottom-header h5 { font-size: 1em; }
  .bottom-header p { font-size: 0.9em; }
  .wantto-section h4 { font-size: 1.4em; }
  .wantto-section p { padding: 1em 0em; }
  .wantto-section a { font-size: 0.89em; padding: 0.7em 1em; }
  .contact { padding: 1em 0px; }
  .subscribe input[type="text"] { width: 69.9%; }
  .subscribe { margin-bottom: 1em; }
  .subscribe input[type="submit"] { font-size: 0.8em; padding: 7px 6px; }
  .contact-section { padding: 0em 0px; }
  .contact-grid h5 { font-size: 1.1em; }
  .contact-grid p { padding: 0.5em 0px; }
  .bottom-menu ul li a { display: none; }
  .contact-grid { margin: 1em 0px; }
  .footer-section { padding: 1em 0px 0px; }
  .footer-left { text-align: center; margin-bottom: 0px; }
  .our-work-section-head.text-center h3 { font-size: 1.4em; }
  .grid_box .zoom-icon { height: 145px; }
  div#portfolio { padding: 1em 0px; }
  .portfolio-wrapper { width: 95%; }
  .blog-content-head h3 { font-size: 1.4em; }
  .blog_posts { padding: 5px 0px 0px; }
  .blog_date { float: left; width: 16%; }
  .blog_desc { float: left; padding-left: 2%; width: 82%; }
  .blog_heading a { font-size: 0.9em; }
  .blog_1_of_2 { width: 100%; float: none; }
  .blog_posts figure span { font-size: 1.5em; }
  .blogdata_1_of_2 { width: 100%; float: none; margin: 0%; }
  .blog_data p { line-height: 1.5em; }
  .single { margin: 0px 0px 1em 0.5em; }
  .blog_posts figure { font-size: 11px; padding: 6px 0px; }
  .features-section { padding: 1em 0px; }
  .content-pagenation li a { padding: 10px 9px; }
  .blog_heading h3 { font-size: 0.9em; }
  .content-pagenation { margin-top: 1.5em; }
  .rsidebar.span_1_of_3 { width: 85%; margin: 30px 0px 0px 1em; }
  .span_1_of_3 li { padding: 7px 15px; }
  .icon9 ul li { padding: 7px 0px 0px 3px; }
  .icon9 ul li:nth-child(9) { margin-left: 5em; }
  .leave h4 { font-size: 1.2em; }
  #commentform label { font-size: 0.85em; }
  #commentform input[type="submit"] { font-size: 0.9em; padding: 5px 20px; }
  .latest_comments h4 a { font-size: 0.75em; }
  .blog_desc { margin-top: 0.5em; }
  p.text { font-size: 0.96em; padding: 0px 0px 0px 35px; }
  .cmts-main-left { float: left; width: 35%; margin-right: 1%; }
  .cmts-main-right { float: left; width: 64%; padding: 0px; }
  .cmts-main-right h5 { font-size: 0.9em; }
  .cmts-main-right p { font-size: 12px; }
  .comments1 { margin-top: 1em; }
  .cmts-main-right p { margin: 0px 0px 10px; }
  .cmnts-left { float: left; width: 100%; padding: 0px; margin: 6px 0px 0px; }
  .cmnts-right { float: none; margin: 0px 0em 0px 7em; padding: 0px; }
  .page-not-found { min-height: 390px; padding-top: 2em; }
  .page-not-found h1 { font-size: 2.5em; }
  .page-not-found h2 { font-size: 1.5em; }
  .features-section h3 { font-size: 1.4em; }
  .feature h4 { font-size: 1.2em; }
  .left-grid { padding: 0px; }
  .right-grid { padding: 0px; }
  .page-not-found span.error { font-size: 25px; }
  .features-grid1 { margin-bottom: 1em; }
  .blog-content { padding: 1em 0px 1.5em; margin: 0px; }
  .contact h3 { font-size: 1.4em; }
}