/*

	Crystal Template 

	http://www.templatemo.com/preview/templatemo_437_crystal

*/

@import url(https://fonts.googleapis.com/css?family=Bad+Script);
@import url(https://fonts.googleapis.com/css?family=Satisfy);
@import url(https://fonts.googleapis.com/css?family=Arapey:400italic);

body

  {
    background: #FFFFFF;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
	line-height: 24px;
    position: relative;
	font-weight:300;

  }

.blue {
	color: #3aa3d7;
}

.orange {
	color: #f36255;
}

.green {
	color: #090;
}

.white {
	color: #FFF;
}

.parallax-section {
  background-attachment: fixed !important;
  background-size: cover !important;
}

.section-overlay {
  position: relative;
  display: block;
  color: white;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 100px 0 90px 0;
}

.section-overlay h2 {
  color: white;
  border-color: #4f4f4f;
}

.content-section {
  position: relative;
  z-index: 10;
  padding: 100px 0 90px 0;
}

blockquote {
font-family: 'Arapey', serif;
font-size: 22px;
margin: 0.25em 0;
padding: 0.25em 30px;
line-height: 1.15em;
position: relative;
color: #333;
text-align:left;
border: none;

}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
font-style: normal;
font-family: 'Open Sans', sans-serif;
}
 
blockquote cite:before {
content: none /*"\2014 \2009"*/;
}

/* start page container */
@media (min-width: 768px) {
  .container {
    width: 90%; /*700px*/
  }  
}

@media (min-width: 992px) {
  .container {
    width: 90%; /*900px*/
  }  

}
@media (min-width: 1200px) {
  .container {
    width: 90%; /*1000px*/
  }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
/* end page container */

/* start navigation */
.navbar-default
  {
    background: #FFFFFF;
    border: none;
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
    margin: 0 !important;
  }

.navbar-default .navbar-brand
  {
    color: #3aa3d7;
    height: 65px;
    line-height: 40px;
    padding: 0;
    width: 90px;
  }

.navbar-default .navbar-brand h3
  {
    font-weight: bold;
  }

.navbar-default .navbar-nav li a
  {
    color: #404040;
    font-weight: bold;
    height: 65px;
    line-height: 40px;
	text-transform:uppercase
  }

.navbar-default .navbar-nav li a:hover
  {
    color: #3aa3d7;
  }

.navbar-default .navbar-nav > li > a:focus
  {
    color: #888;
  }

.navbar-default .navbar-toggle
    {
      margin-top: 16px;
    }

.navbar-default .navbar-toggle .icon-bar
  {
    background-color: #3aa3d7;
    color: #FFFFFF;
  }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #3aa3d7;
  background-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #FFFFFF; }
.navbar-default .navbar-toggle:hover .icon-bar { background-color: #3aa3d7; }
/* end navigation */

/* start home */
h1 {margin: 0}
h2 {margin-top: 40px;color:#333}

#home { padding-top: 0; background: #f6f6f6;}

.flexslider {
  margin: 0;
  background: #f6f6f6;
  padding: 0;
  position: relative;
  zoom: 1;
  /*background-color: #371604;*/
  overflow: hidden;
  margin: 0;
}

.flexslider .slides {
  padding: 0;
  zoom: 1;
}

.flexslider .slides img {
  width: 100%;
  min-width: 648px;
  min-height: 300px /*270px*/;
  display: block;
}

.flexslider .slides > li {
  display: none;  
  padding: 0;
  position: relative;
  -webkit-backface-visibility: hidden;
}

.flexslider img {
  position: relative;
  width: 100%;
}

.slider-caption {
  color:white;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  z-index: 7;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#home h1,
#home h2
  {
    font-weight: bold;
  }

#home h2

  {

    padding: 10px 0 10px 0;
	color:#fff;
	margin-top:5px;
  }

#home .btn, #service .btn

  {
    background: #3aa3d7;
    border-radius: 0;
    border: 2px solid transparent;
    color: #FFFFFF;
    font-weight: bold;
    margin: 20px 0 0 0;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    height: 50px;
    width: auto;
    padding: 12px 20px 10px 20px;
  }

#home .btn:hover,  #service .btn:hover

  {
    background: #FFFFFF;
    color: #3aa3d7;
  }

#home p

  {

    letter-spacing: 1px;

  }

/* end home */



/* start simpletextrotator */

.rotating {

  display: inline-block;

  -webkit-transform-style: preserve-3d;

  -ms-transform-style: preserve-3d;

  -o-transform-style: preserve-3d;

  transform-style: preserve-3d;

  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);

  -ms-transform: rotateX(0) rotateY(0) rotateZ(0);

  transform: rotateX(0) rotateY(0) rotateZ(0);

  -webkit-transition: 0.5s;

  transition: 0.5s;

  -webkit-transform-origin-x: 50%;

}



.rotating.flip {

  position: relative;

}



.rotating .front, .rotating .back {

  left: 0;

  top: 0;

  -webkit-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -o-backface-visibility: hidden;

  backface-visibility: hidden;

}



.rotating .front {

  position: absolute;

  display: inline-block;

  -webkit-transform: translate3d(0,0,1px);

  -ms-transform: translate3d(0,0,1px);

  transform: translate3d(0,0,1px);

}



.rotating.flip .front {

  z-index: 1;

}



.rotating .back {

  display: block;

  opacity: 0;

}



.rotating.spin {

  -webkit-transform: rotate(360deg) scale(0);

  -ms-transform: rotate(360deg) scale(0);

  transform: rotate(360deg) scale(0);

}



.rotating.flip .back {

  z-index: 2;

  display: block;

  opacity: 1;

  

  -webkit-transform: rotateY(180deg) translate3d(0,0,0);

  -ms-transform: rotateY(180deg) translate3d(0,0,0);

  transform: rotateY(180deg) translate3d(0,0,0);

}



.rotating.flip.up .back {

  -webkit-transform: rotateX(180deg) translate3d(0,0,0);

  -ms-transform: rotateX(180deg) translate3d(0,0,0);

  transform: rotateX(180deg) translate3d(0,0,0);

}



.rotating.flip.cube .front {

  -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);

  -ms-transform: translate3d(0,0,100px) scale(0.85,0.85);

  transform: translate3d(0,0,100px) scale(0.85,0.85);

}



.rotating.flip.cube .back {

  -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);

  -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);

  transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);

}



.rotating.flip.cube.up .back {

  -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);

  -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);

  transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);

}

/* end simpletextrotator */

/* price section */

#price {

	background: #f6f6f6;
	padding-top: 0px;
	padding-bottom: 100px;
	text-align:center;
}

#price h3

  {
    color: #333;
    font-weight: bold;
    letter-spacing: 0.5 !important;
    padding-bottom: 20px;
	text-transform:uppercase

  }

#price h4

  {
    color: #333;
    font-weight: bold;
    letter-spacing: 0.5 !important;
	border-top:1px solid #f6f6f6;
    padding: 10px 0 0 0;
	text-transform:uppercase;
	font-size: 90%;
	margin-top: 20px;

  }
  
#price h5

  {
    color: #333;
    font-weight: bold;
    letter-spacing: 0.5 !important;
    padding-bottom: 20px;
	text-transform:uppercase;
	font-size: 90%;
	margin-top: 20px;
  }

#price img {margin-top: 20px;}

#price  ul li {

	display: block;
	font-family: "Open Sans";
	padding: 5px 0;

}

#price .plan {

	margin-top:30px;
	background: #fff;
	color: #202020;
	padding: 0 0 60px 0;

}

#price .plan .plan_title {

	color: #202020;
	padding-top: 30px;
	padding-bottom: 0;
	text-transform: uppercase;
	font-weight:600;
	font-size:110%
}

#price .plan .plan_sub_title {
	border-bottom: 1px solid #f6f6f6;
	padding: 0 20px 20px 20px;
	color: #202020;

}

#price .plan .plan_sub_title h2 {font-weight:600; margin-bottom:0px;color: #f36255;}

#price .plan ul {

	padding: 0 20px;

}

#price .plan ul li {
	display: block;
	font-family: "Open Sans";
	font-size: 12px;
	padding: 15px 0 5px 0;
}

#price .plan .btn {
	background: #ffffff;
	border: 2px solid #3aa3d7;
	border-radius: 0;
	color: #3aa3d7;
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
	padding: 10px 40px;
	transition: all 0.4s ease-in-out;
	margin: 20px auto;
}

#price .plan .btn:hover {
	background: #3aa3d7;
	color: #ffffff;
}

#price .btn {
	background: #fff;
    border-radius: 1;
    border: 2px solid #f6f6f6;
    color: #333;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    font-size:12px;
	height: auto;
	width:180px;
    padding: 15px;
	margin:1px 1px 0 0;
	cursor:hand;
	cursor:pointer;
}
#price .btn:hover, #price .btncircle:hover {
	background: #f6f6f6;
	/*color: #ffffff;*/
}

#price .btncircle {
	background: #fff;
    border-radius: 50px;
    border: 1px solid transparent;
    color: #333;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    font-size:10px;
    padding: 10px 15px;
	margin:15px 2px 2px 2px;
	cursor:hand;
	cursor:pointer;
}

#price p a {color: #f36255;
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
	}
#price p a:hover {text-decoration:underline; color:#f36255}

#price table {background:transparent;box-shadow:none}
#price table td {border:none;text-align:left}
#price table td span {line-height:1.0em}

/* COUNTER SECTION */

#counter {
  background: url('../images/large_bg_image.jpg?1395266600') 50% 0 repeat-y fixed;
}



.counter-item {

  text-align: center;

}



.counter-icon {

  display: block;

  width: 100%;

  text-align: center;

}

.counter-icon i {

  font-size: 30px;

  line-height: 40px;

  color: #e04d47;

}



.counter-number {

  display: block;

  width: 100%;

  text-align: center;

  font-family: "Novecentosanswide-Bold", sans-serif;

  font-weight: normal;

  font-size: 30px;

  line-height: 40px;

}



.counter-text {

  font-weight: normal;

  text-transform: uppercase;

}

/* Use the following CSS code if you want to have a class per icon */

[class^="li_"]:before, [class*=" li_"]:before {

  font-family: 'linecons';

  font-style: normal;

  speak: none;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

}



.li_heart:before {

  content: "\e000";

}



.li_cloud:before {

  content: "\e001";

}



.li_star:before {

  content: "\e002";

}



.li_tv:before {

  content: "\e003";

}



.li_sound:before {

  content: "\e004";

}



.li_video:before {

  content: "\e005";

}



.li_trash:before {

  content: "\e006";

}



.li_user:before {

  content: "\e007";

}



.li_key:before {

  content: "\e008";

}



.li_search:before {

  content: "\e009";

}



.li_settings:before {

  content: "\e00a";

}



.li_camera:before {

  content: "\e00b";

}



.li_tag:before {

  content: "\e00c";

}



.li_lock:before {

  content: "\e00d";

}



.li_bulb:before {

  content: "\e00e";

}



.li_pen:before {

  content: "\e00f";

}



.li_diamond:before {

  content: "\e010";

}



.li_display:before {

  content: "\e011";

}



.li_location:before {

  content: "\e012";

}



.li_eye:before {

  content: "\e013";

}



.li_bubble:before {

  content: "\e014";

}



.li_stack:before {

  content: "\e015";

}



.li_cup:before {

  content: "\e016";

}



.li_phone:before {

  content: "\e017";

}



.li_news:before {

  content: "\e018";

}



.li_mail:before {

  content: "\e019";

}



.li_like:before {

  content: "\e01a";

}



.li_photo:before {

  content: "\e01b";

}



.li_note:before {

  content: "\e01c";

}



.li_clock:before {

  content: "\e01d";

}



.li_paperplane:before {

  content: "\e01e";

}



.li_params:before {

  content: "\e01f";

}



.li_banknote:before {

  content: "\e020";

}



.li_data:before {

  content: "\e021";

}



.li_music:before {

  content: "\e022";

}



.li_megaphone:before {

  content: "\e023";

}



.li_study:before {

  content: "\e024";

}



.li_lab:before {

  content: "\e025";

}



.li_food:before {

  content: "\e026";

}



.li_t-shirt:before {

  content: "\e027";

}



.li_fire:before {

  content: "\e028";

}



.li_clip:before {

  content: "\e029";

}



.li_shop:before {

  content: "\e02a";

}



.li_calendar:before {

  content: "\e02b";

}



.li_vallet:before {

  content: "\e02c";

}



.li_vynil:before {

  content: "\e02d";

}



.li_truck:before {

  content: "\e02e";

}



.li_world:before {

  content: "\e02f";

}



/* start about */

#about

  {

    min-height: 300px;

    padding: 80px 0 80px 0;

  }

#about h2,

#about h3

  {

    font-weight: bold;

  }

#about .col-md-7 h3

  {

    padding: 12px 0 0 0;

  }

#about .col-md-7 h2

  {

    color: #3aa3d7;

    padding: 10px 0 10px 0;

    margin: 10px 0 32px 0;

  }

#about .col-md-5 .col-md-6

  {

    padding: 4px;

  }

#about .col-md-5 h3

  {

    padding: 10px 0 10px 0;

  }

#about .col-md-5 img

  {

    width: 200px;

    height: 100px;

  }

#about p

  {

    font-weight: 400;

  }

/* end about */



/* start team */

#team

  {

    background: #f6f6f6;

    color: #333;

    min-height: 300px;

    padding: 80px 0 80px 0;

  }

#team h3

  {

    font-weight: bold;

    letter-spacing: 0.5 !important;
    padding-bottom: 20px;
	text-transform:uppercase

  }

#team .team_thumb

  {

    overflow: hidden;

    position: relative;

    margin: 30px 0 0 0;

  }

#team .team_thumb img

  {

    width: 100%;

    height: auto;

  }

  h5 {

    margin: 0;

  }

#team .team_thumb .team_overlay

  {

    background: #FFFFFF;

    width: 100%;

    height: 100%;

    top: 0;

    bottom: 0;

    opacity: 0;

    position: absolute;

    -webkit-transition: all 0.4s ease-in-out;

            transition: all 0.4s ease-in-out;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

#team .team_thumb:hover .team_overlay

  {

    opacity: 0.8;

  }  

#team .team_description

  {

    background: #303030;

    padding: 10px;

  }

#team .team_description h5

  {

    color: #3aa3d7;

	padding-bottom: 10px;

  }

#team p

  {

    font-weight: 400;

  }

/* end team */



/* start social icon */

.social_icon

  {

    padding: 0;

  }

.social_icon li

  {

    display: inline-block;

    position: relative;

  }

ul 

  {

    margin-bottom: 0;

  }

.social_icon li a

  {

    background: #303030;

    border-radius: 50%;

    cursor: pointer;

    color: #FFFFFF;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    text-decoration: none;

    -webkit-transition: all 0.4s ease-in-out;

            transition: all 0.4s ease-in-out;

  }

.social_icon li a:hover

  {

    background: #3aa3d7;

    color: #FFFFFF;

  }
  

  footer {font-size:11px;font-weight:100; /*padding-top: 20px;background:#404040;*/}
  footer .social_icon {

    margin-top: 50px;

  }
  
  footer h6 {font-weight:600;text-transform:uppercase;text-align:left}
  footer p {margin-top:30px; margin-bottom:0}
  
  footer span a {text-align:left; margin:2px 0;text-decoration:none;color:#cacaca;display:block}
  footer p a {text-decoration:none;color:#cacaca;}
  footer span a:hover, footer p a:hover {color:#fff;text-decoration:none}
/* end social icon */

/* portfolio section */

#portfolio {

	background:#f6f6f6;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align:center;
	color: #333;

}

#portfolio h2 {

	line-height: 20px;

}

#portfolio h3 {

	text-transform: uppercase;
	font-weight: 600;
	padding-bottom: 30px;

}

#portfolio p {padding-bottom: 30px;}

#portfolio a {

	text-decoration: none;

}

#portfolio img {

	border-radius: 1px;

	width: 100%;

	max-width: 100%;

	height: auto;

	opacity: 0.8;

	margin-bottom: 34px;

	opacity: 0.6;

	transition: all 0.4s ease-in-out;

}

#portfolio img:hover {

	opacity: 0.9;

}

#portfolio .btn
{
    background: #fff;
    border-radius: 1;
    border: 1px solid transparent;
    color: #3aa3d7;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    font-size:11px;
	height: auto;
	width:180px;
    padding: 15px;
	margin:1px 1px 0 0;

  }

#portfolio .btn:hover

  {
    background: #3aa3d7;
    color: #fff;
  }

#portfolio .btn2
{

    background: #fff;
    border-radius: 0;
    border: 2px solid transparent;
    color: #3aa3d7;
    font-weight: bold;
	text-transform:uppercase;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    height: auto;
    width: 250px;
    padding: 20px;

  }

#portfolio .btn2:hover

  {
    background: #3aa3d7;
    color: #fff;
  }


/* start service */
#service
  {
    min-height: 300px;
    padding: 80px 0 60px 0;
  }

#service h3
  {
    color: #333;
    font-weight: bold;
    letter-spacing: 0.5 !important;
    padding-bottom: 20px;
	text-transform:uppercase
  }
  
#service h5
  {
    color: #333;
    font-weight: bold;
    letter-spacing: 0.5 !important;
    padding-bottom: 20px;
	text-transform:uppercase;
	margin-top: 25px;
  }
  
#service h5 small {text-transform:none;font-size:90%}

#service .media, #signup .media
  {
    padding: 10px 0;
	font-size:90%
  }

#service .media .fa, #signup .media .fa
  {
    background: #3aa3d7;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 10px 0 0;
    padding-right: 0;
  }

#service .media .media-heading, #signup .media .media-heading
  {
    color: #3aa3d7;
    font-weight: bold;
    padding: 0 0 5px 0;
    margin: 10px 0;
	font-size: 95%;
	text-transform: uppercase;
  }

#service .media .features-heading, #signup .media .features-heading
  {
    font-weight: bold;
    padding: 0 0 5px 0;
    margin: 10px 0;
	color:#333;
  }
  
#service .media img {margin-top: 50px;}

#service

  {
    font-size:95%;
  }

#service .button {
	background: #fff;
    border-radius: 1;
    border: 1px solid transparent;
    color: #333;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    font-size:12px;
	height: auto;
	width:180px;
    padding: 15px;
	margin:1px 1px 0 0;
	cursor:handcursor;
}
#service .button:hover {
	background: #3aa3d7;
	color: #ffffff;
}
/* end service */



/* start newsletter */
#newsletter
  {
    background: url('../images/bg-geomatric-02.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    color: #FFFFFF;
    min-height: 300px;
    padding: 80px 0 80px 0;
  }

#newsletter h3
  {
    font-weight: 600;
    letter-spacing: 0.5 !important;
    padding-bottom: 20px;
	text-transform: uppercase
  }

#newsletter h4 {font-weight: 100; line-height: 1.85em;}

#newsletter p
  {
	font-weight: 100;
    padding: 0 0 30px 0;
  }

#newsletter form .form-control
  {
    background: #404040;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    color: #FFFFFF;
    height: 50px;
    margin-bottom: 10px;
    opacity: 0.8;
  }

#newsletter form .form-control select 
{
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
  }

#newsletter .form-control::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}

#newsletter .form-control:-ms-input-placeholder {
  color: #FFFFFF;
}

#newsletter .form-control::-webkit-input-placeholder {
  color: #FFFFFF;
}

#newsletter .styled-select {
   height: 50px;
   overflow: hidden;
   background:  url(../images/arrowdown.png) no-repeat right #404040;
   border: none;
   border-radius: 2px;
   box-shadow: none;
   color: #fff;
   margin-bottom:10px;
   opacity: 0.7;
   }
#newsletter .styled-select select {
   background: transparent;
   border: 0;
   border-radius: 0;
   
   padding: 0 10px;
   -webkit-appearance: none;
   opacity:1;
   }

#newsletter input[type="submit"]
  {
    background: #3aa3d7;
    border: none;
    color: #FFFFFF;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
  }

#newsletter input[type="submit"]:focus,
#newsletter input[type="submit"]:hover
  {
    background: #FFFFFF;
    color: #3aa3d7;
  }
  
#newsletter .btn {
	background: #3aa3d7;
    border-radius: 0;
    border: 1px solid transparent;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
	height: auto;
	width:auto;
    padding: 15px 20px;
	margin-top:25px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
}
#newsletter .btn:hover {
	background: #fff;
	color: #3aa3d7;
}
/* end newsletter */

/* start table */
.tablecontent {background:#222328;border-radius:2;padding:5px;opacity:.9}
table {
	background:#fff;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.35);
}
table th {background: #000;text-align:center;font-size:14px;font-weight:100;border:none !important;height:50px;text-transform:uppercase;font-weight:600;margin-bottom:20px}
table td {border:none !important}
table td h4 {color:#333;padding:20px auto;font-size:1.25em;font-weight:100;}
table td span {font-size:11px;}



/* start work */

#work

  {

    background: #f6f6f6;

    color: #333;

    min-height: 300px;

    padding: 80px 0 80px 0;

  }

#work h3

  {

    font-weight: bold;

    letter-spacing: 0.5 !important;
    padding-bottom: 20px;

  }

#work p

  {

    font-weight: 400;

    margin: 0 0 40px 0;

  }

#work .col-md-4

  {

    padding: 2px;

  }

#work .work_thumb

  {

    overflow: hidden;

    position: relative;

  }

#work .work_thumb img

  {

    width: 100%;

    height: auto;

  }

#work .work_thumb .work_overlay

    {

      background: #FFFFFF;

      opacity: 0;

      position: absolute;

      width: 100%;

      height: 100%;

      top: 0;

      bottom: 0;

      -webkit-transition: all 0.4s ease-in-out;

              transition: all 0.4s ease-in-out;

    }

#work .work_thumb .work_overlay .fa

  {

    background: #3aa3d7;

    border-radius: 50%;

    color: #FFFFFF;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;



    /* http://www.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ */

    position: absolute;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

  }

  

#work .work_thumb:hover .work_overlay

  {

    opacity: 0.8;

  }

/* end work */



/* start pricing */

#pricing

  {

    min-height: 300px;

    padding: 80px 0 80px 0;

  }

#pricing h3

  {

    font-weight: bold;

    letter-spacing: 0.5 !important;
    padding-bottom: 20px;

  }

#pricing p

  {

    font-weight: 400;

  }

#pricing .plan

  {

    margin: 40px 0 0 0;

  }

#pricing .plan_one

  {

    background-color: #404040;

    padding: 30px 0 0 0;

  }

#pricing .plan_two

  {

    background: #3aa3d7;

    padding: 30px 0 0 0;

  }

#pricing .plan_three

  {

    background: #404040;

    padding: 30px 0 0 0;

  }

#pricing .plan_four

  {

    background: #3aa3d7;

    padding: 30px 0 0 0;

  }

#pricing .plan .plan_title

  {

    background: #DDDDDD;

    padding: 30px;

    margin: 0;

  }

#pricing .plan ul

  {

    padding: 0;

  }

#pricing .plan ul li

  {

    color: #FFFFFF;

    display: block;

    padding: 14px 0 14px 0;

  }

#pricing .plan .btn

  {

    background: transparent;

    border-color: #FFFFFF;

    border-radius: 2px;

    width: 140px;

    margin: 10px 10px 40px 10px;

    -webkit-transition: all 0.4s ease-in-out;

            transition: all 0.4s ease-in-out;

  }

#pricing .plan .btn:hover

  {

    background: #FFFFFF;

    color: #3aa3d7;

  }

/* end pricing */



/* start contact */

#contact
  {
    background: #404040 url('../images/bg-geomatric-02.jpg') no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #FFFFFF;
    /*min-height: 300px;*/
    padding: 80px 0 0 0;
	margin-bottom:0
  }

#contact h3
  {
    font-weight: bold;
    letter-spacing: 0.5 !important;
    padding-bottom: 20px;
	text-transform:uppercase;
  }
  
#contact h4, #contact h6
  {
    font-weight: bold;
    letter-spacing: 0.5 !important;
	text-transform:uppercase;
	font-size:95%;
  }

#contact p
  {
	font-weight:300;
    padding: 0 0 40px 0;
  }

#contact .form-control
  {
    background: #404040;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    color: #FFFFFF;
    margin: 10px 0 10px 0;
    opacity: 0.9;
  }

#contact .form-control::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}

#contact .form-control:-ms-input-placeholder {
  color: #FFFFFF;
  font-weight:100;
}

#contact .form-control::-webkit-input-placeholder {
  color: #FFFFFF;
  font-weight:100;
}

#contact input
  {
    height: 50px;
	font-weight:100;
  }

#contact textarea
  {
    height: 120px;
	font-weight:100;
  }

#contact input[type="submit"]
  {
    background: #3aa3d7;
    border: none;
    color: #FFFFFF;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    margin: 10px 0 40px 0;
  }

#contact input[type="submit"]:focus,
#contact input[type="submit"]:hover
  {
    background: #FFFFFF;
    border-color: transparent;
    color: #3aa3d7;
  }

#contact .blackline {
	background:#17181c;
	margin:40px 0;
	padding:30px auto;
	opacity:.8
 }
#contact .blackline h4 {font-weight:100;margin:30px auto;opacity:1;color:#3aa3d7;text-transform:none;line-height:1.55em;font-size:130%}
#contact .media
  {
	font-size:90%
  }

#contact .media .fa
  {
    background: #3aa3d7;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 10px 0 0;
    padding-right: 0;
  }

#contact .media-heading
  {
    color: #fff;
    padding: 0 0 5px 0;
    margin: 5px 0;
	font-size: 95%;
  }

#contact .features-heading
  {
    padding: 0 0 5px 0;
    margin: 5px 0;
	color:#fff;
	font-weight:300;
	text-transform:none;
	font-size:110%
  }
  
#contact img {margin-top: 50px;}
#contact .logo img {margin:20px;opacity:.8;}

#map-canvas
  {
    border: none;
    width: 100%;
    height: 400px;
    margin: 0 0 40px 0;
  }
/* end contact */

/* start signup */
#signup
  {
    background: #fff;
    color: #333;
    /*min-height: 300px;*/
    padding: 80px 0 0 0;
	margin-bottom:0
  }

#signup h3
  {
    font-weight: bold;
    letter-spacing: 0.5 !important;
    padding-bottom: 20px;
	text-transform:uppercase;
  }

#signup p
  {
	font-weight:300;
    padding: 0 0 40px 0;
  }

#signup .form-control
  {
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 2px;
    box-shadow: none;
    color: #333;
    margin: 10px 0 10px 0;
    opacity: 0.9;
  }

#signup .form-control::-moz-placeholder {
  color: #333;
  opacity: 1;
}

#signup .form-control:-ms-input-placeholder {
  color: #333;
  font-weight:100;
}

#signup .form-control::-webkit-input-placeholder {
  color: #333;
  font-weight:100;
}

#signup input
  {
    height: 50px;
	font-weight:100;
  }

#signup textarea
  {
    height: 120px;
	font-weight:100;
  }
#signup .styled-select {
   height: 50px;
   overflow: hidden;
   background:  url(../images/arrowdown.png) no-repeat right #fff;
   border: 1px solid #dadada;
   border-radius: 2px;
   box-shadow: none;
   color: #333;
   margin: 10px 0 10px 0;
   opacity: 0.9;
   }
#signup .styled-select select {
   background: transparent;
   border: 0;
   border-radius: 0;
   margin-top:7px;
   padding: 0 10px;
   -webkit-appearance: none;
   opacity:1;
   }
/*#signup select 
{
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	/*-moz-appearance: none; /* Removes Default Firefox style*/
	/*height: 50px;
	background: url(../images/arrowdown.png) no-repeat right #fff;
	overflow: hidden;
  }*/

#signup input[type="submit"]
  {
    background: #3aa3d7;
    border: 1px solid transparent;
    color: #FFFFFF;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    margin: 10px 0 40px 0;
	font-weight:600;
	font-size:11px;
	text-transform: uppercase
  }

#signup input[type="submit"]:focus,
#signup input[type="submit"]:hover
  {
    background: #FFFFFF;
    border-color: #3aa3d7;
    color: #3aa3d7;
  }

#signup table {box-shadow: none; text-align:left;background:transparent}


@media only screen and (max-width: 1199px) {
  h1 { font-size: 30px; }
  h2 { font-size: 24px; }
  h3 { font-size: 18px; }
}



/* start 768 media quires */

@media only screen and ( max-width: 768px ) {
  .navbar-header {
    padding-left: 15px;
  }

  h1 { font-size: 26px; }
  h2 { font-size: 18px; }
  h3 { font-size: 14px; }

  #home .btn { 

    margin-top: 10px; 

    width: 180px;

    height: 40px;

    padding-top: 8px;

  }

  #about { padding-top: 65px; }

  #team .team_thumb .team_overlay

  {

    background: #FFFFFF;

    width: 100%;

    height: 100%;

    top: 0;

    bottom: 0;

    opacity: 0;

    position: absolute;

    -webkit-transition: all 0.4s ease-in-out;

            transition: all 0.4s ease-in-out;

  }

}

/* end 768 media quires */



@media only screen and (max-width: 640px) {

  h1 { font-size: 18px; }
  h2 { font-size: 14px; }
  h3 { font-size: 12px; }

  #home .btn {

    width: auto;

    height: auto;

    padding: 10px 20px;

    margin-top: 10px; 

  }
  #price h2 { font-size:25px; }
  footer h6 {margin-top:15px;text-align:center}
  footer span a {text-align:center;}

}



/* start 360 media quires */

@media only screen and ( max-width: 360px ) {
	
  h1 { font-size: 16px; }
  h2 { font-size: 12px; }
  h3 { font-size: 12px; }

  #team .team_thumb .team_overlay

  {

    background: #FFFFFF;

    width: 100%;

    height: 100%;

    line-height: 220px;

    top: 0;

    bottom: 0;

    opacity: 0;

    position: absolute;

    -webkit-transition: all 0.4s ease-in-out;

            transition: all 0.4s ease-in-out;

  }
  footer h6 {margin-top:15px;text-align:center}
  footer span a {text-align:center;}

}

/* end 360 media quires */