/*-- Reset Code --*/
body {
	padding: 0;
	margin: 0;
	background: #FFF;
	font-family:"微软雅黑";
}
body a {
	
	text-decoration: none;
}
body a:hover {
	text-decoration: none;
}
body a:focus, a:hover {
	text-decoration: none;
}
input[type="button"], input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
h1,  h3,h4, h5, h6 {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-family:"微软雅黑";
}

h2 {
	
	text-align: center;
	font-family:"微软雅黑";
}

p {
	margin:5px 0;
}
ul {
	margin:0;
	padding:0;
}
label {
	margin:0;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none
}
.portfolio-grids img {
	width: 100%;
}
.foottel img {
	width: 140px;
}
.logo{width:307px; float:left;}

hr{
	margin:60px 0 0;
	border-top:1px solid #000000;
	}
.btn-lg{padding: 5px 40px;}
/*-- //Reset Code --*/
.content {
	width: 100%;
	padding:10px 0;
}

/*-- 新增加 --*/
.panel {
    -webkit-transition-property: scale;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
.selection {
    color: #fff;
    background: #3fa7ff;
}
.panel:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}
.panel:hover>.panel-heading{
	color: #ffffff;
    background-color: #40c366;
    border-color: #ddd;
}
.panel-danger > .panel-heading{
	color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
	}
.btn {
    border: 0px;
    border-radius: 0px !important;
	background-color: #F5F5F5;
}

.mt{ margin-top:60px;}
div.nani {
    background: url(../images/3.jpg) left 10px no-repeat;
	margin-top:50px; 
	margin-bottom:40px; 
}
div.nani h3{ display: block;
    font-size: 36px;
    color: #fe6f21;
    font-family: "microsoft Yahei",Arial;
    background: url(../images/3-1.jpg) right 85px no-repeat;
    padding: 0 87px;
    margin-top: -5px;
    letter-spacing: 2px;
    line-height: 60px;
	font-weight:100;}

div.nani h4 {font-size: 24px;
    color: #30bad3;
	line-height:44px;}
div.nani h5{
	font-size: 18px;
    color: #5c5c5c;
    line-height: 36px;
}
div.talk {
    background: #30bad3;
    margin-top: 15px;
}
div.talk_m {
    margin: 15px 47px;
	padding:15px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    font-family: "microsoft Yahei",Arial;
}
div.txt{ border:1px solid #ffceb4; padding:20px;}
div.motionlist{ padding-top:40px; padding-bottom:30px;}
div.motionlist-l{ padding:20px;}
h1.motion_title {
    font-size: 24px;
    color: #000;
    font-family: "microsoft Yahei",Arial;
    font-weight: lighter;
	text-align:left;
}
h2.motion_text {
    font-size: 14px;
    line-height: 30px;
    font-family: "microsoft Yahei",Arial;
    font-weight: lighter;
    color: #2d2d2d;
    display: block;
    margin-top: 20px;
	text-align:left;
}
.motionlist li.even em {
    width: 374px;
    float: right;
    text-align: right;
}
.odd{ background-color:#f3f3f3;}
.odd1{background-color: #fafaf7;}
.odd1 .list li {
    float: left;
    display: inline;
    width: 158px;
    height: 204px;
    text-align: center;
    padding: 12px 0 0;
    margin: 0 18px;
    overflow: hidden;
}
.odd1 .list li h3 {
    color: #000000;
    font: 16px/20px "微软雅黑";
    margin: 10px 0 0;
}
.odd1 .list li p {
    color: #535352;
    font: 14px/20px "微软雅黑";
    margin: 10px 0 0;
}
.other_top {
    background: url(../images/bbj.jpg) repeat-x;
    padding: 0px 30px;
	border-bottom:1px solid #d2d0d0;
}
.other_top .img2{ margin:20px 0 0;}
.other_top .img3{ width:20rem; margin:1.5rem 0;}
.other_top span {
    float: right;
    height: 50px;
    position: relative;
    margin-top: 68px;
}
.other_top span a {
    font-size: 18px;
    font-family: "微软雅黑";
    color: #ff5a00;
   
    padding-bottom: 24px;
    margin-left: 15px;
    display: block;
}
.other_content {
    padding: 0px;
    line-height: 24px;
}
.left {
    width: 0px;
    float: left;
    background: url(../images/left_top_bg.jpg) no-repeat;
    padding-top: 19px;
}
.left ul {
    background: url(../images/left_floor_bg.jpg) bottom no-repeat;
    padding-bottom: 19px;
}
.left ul li {
    line-height: 35px;
    height: 35px;
    background: url(../images/left_li_bg.jpg);
	list-style:none;
}
.left ul li a {
    display: block;
    line-height: 35px;
    padding-left: 30px;
    color: #555555;
    text-decoration: none;
}
.about {
    line-height: 26px;
    font-family: 宋体;
}

.about h4 {
    color: #ff0000;
    font-size: 24px;
    font-family: "微软雅黑";
    text-align: center;
}
.about p.titletxt {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
}
.new_list li {
    border-bottom: 1px solid #dbdbda;
    padding-bottom: 15px;
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
	list-style:none;
}
.new_list li h3 {
    margin: 5px 0;
    padding: 0px;
    font-size: 14px;
	text-align:left;
}
.new_list li h3 span.date {
    font-size: 12px;
    font-weight: normal;
    margin-left: 8px;
    padding-left: 7px;
    color: #9d9c9c;
    float: right;
}
.new_list li {
    border-bottom: 1px solid #dbdbda;
    padding-bottom: 15px;
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
}
.about p.sh_img {
    line-height: 30px;
}
.about p.sh_img img{ width:35rem;}

.other{
	background-color:#ffffff;
	border:1px solid #d2d0d0;
	float:left;
	margin:30px 0;
	}
.other_content .right {
    float: right;
    width: 1170px;
	margin-left:0px;
	margin-bottom:30px;
}
.services .other_content .right h3.new_info {
    font-size: 24px;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 40px;
	color:#000000;
}
.time {
	background: url(../images/sprite.gif) left -156px no-repeat;
}
.comm {
	background: url(../images/sprite.gif) left 6px no-repeat;
}

span.comm, span.view, span.time, span.category {
    margin-right: 10px;
    padding-left: 20px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
	font-size: 12px;
    color: #666666;
    font-family: 微软雅黑;
}
div.news_content {
    margin: 10px auto;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    padding: 5px 15px;
    font-size: 14px;
    font-family: 宋体;
}
.news_content img{ margin:1rem 0; max-width:60rem;}
.bbk{ background-color:#f3f3f3;}
a.next {
    background: url(../images/next.jpg) left center no-repeat;
    padding: 3px 0 3px 85px;
    line-height: 25px;
    color: #555555;
    width: 100%;
	float:left;
}
a.pre {
    background: url(../images/pre.jpg) left center no-repeat;
    padding: 3px 0 3px 85px;
    line-height: 25px;
    color: #555555;
    width: 100%;
	float:left;
}

.leftnav{text-align:left;}
.leftnav h5{ line-height:45px; font-size:18px; background:url(../images/newsleftbg.png) no-repeat; color:#ffffff; text-align:left; padding-left:40px;} 
.leftnav a{ line-height:35px; font-size:15px; color:#333333; padding-left:25px;}
.leftnav dd{    background: url(../images/nav2action.jpg) left no-repeat;}

#servicet {
    margin-top: -200px;
    position: fixed;
    _position: absolute;
    right: 0;
    top: 50%;
    width: 56px;
    height: 400px;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	z-index:999;
}
#servicet a {
    display: block;
    width: 56px;
    height: 100px;
    text-indent: -9999px;
    background: url(../images/service.png) no-repeat;
    cursor: pointer;
    margin-bottom: 1px;
}
#servicet .srvCns {
    background-position: 0 -100px;
}
#servicet .srvLog:hover {
    background-position: -56px 0;
}
#servicet .srvCns:hover {
    background-position: -56px -100px;
}
/*-- Header--*/
/*-- banner --*/
.header {
  background:#555555;
}
.navbar {
  margin-bottom: 0;
  
}
.navbar-nav {
  float: right;
  width: 64%;
}
.navbar-default {
  background:none;
  border-color: #012231;
}
.navbar-default .navbar-brand {
	font-family: 'Days One', sans-serif;
	color:#fff !important;
	font-size:30px;
	text-decoration: none;
}
a.navbar-brand img {
    display: inline-block;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    padding: 0;
}
.navbar-default .navbar-brand:hover {
	color: #fff;
	text-decoration: none;
}
a.navbar-brand span {
  color: #2FD828;
  margin-left: 0px;
}
.navbar {
    position: relative;
    min-height: inherit;
}
.navbar-header {
    margin-top: 13px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #2FD828;
}
.navbar-default .navbar-nav > li > a{
  color: #fff;
  font-size: 16px;
  font-weight:bold;
}
.navbar-nav > li > a {
  padding-top: 25px;
  padding-bottom: 25px;
}
.navbar-brand {
    height: 0;
    padding: 0;
	}
.navbar{
    border-radius: 0px; 
	border:none;
}
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus ,.navbar-default .navbar-nav > li > a.active{
    color:#EB621C;
	}
.navbar {
    border-radius: 0px;
    border: none;
    padding: 4px 0;
}
.navbox {float:right;}

.pages {
    height: 29px;
    padding: 15px 0px;
    text-align: right;
    float: right;
}
/*-- //Header--*/

/*-- 新闻--*/
.br{border-radius:8px; overflow:hidden;}
.row{ padding-top:20px;}
.row .styled .blockquote li{ line-height:30px; font-size:14px; list-style-type:none; padding: 0px 0 0px 20px; background: url(../images/wap.png) no-repeat 0 11px; border-bottom:1px solid #b1b1b1; text-align:left;}
.row .styled .blockquote li a{ color:#444444;}
.row .styled .blockquote li a:hover{color:#116ca4}
.title-box_primary{ line-height: 40px;
    text-align: left;
    font-size: 18px;
    padding-left: 18px;
    background:-webkit-gradient(linear, 0 0, 100% 80%, from(#c01410), to(#bb4340));
	background:-moz-linear-gradient(top,#c01410, #bb4340);
    color: #f4f4f4;}
.row h2 a{ color: #f4f4f4; float: right; text-decoration: none; padding-right:10px;}

.service-grids-text p{ color:#7D7D7D;}
/*-- 套餐--*/
.col-md-12 h2{ line-height:40px; margin-bottom:20px;}
.col-md-3{ list-style-type:none;}

/*-- 关系管理系统--*/
#feature {
    background: #f2f2f2;
    padding-bottom: 40px;
}
.feature-wrap {
    margin-bottom: 35px;
    overflow: hidden;
}
.feature-wrap h2 {
    margin-top: 10px;
	font-size:20px;
	text-align:left;
	line-height:46px;
}
.feature-wrap h3 {
    font-size: 16px;
    color: #787878;
    font-weight: 400;
    line-height: 24px;
	text-align:left;
}
.feature-wrap i {
    font-size: 48px;
    height: 110px;
    width: 110px;
    margin: 20px 3px 3px;
    border-radius: 100%;
    line-height: 110px;
    text-align: center;
    background: #ffffff;
    box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    float: left;
    margin-right: 25px;
}

/*-- 网址建设--*/
.services-wrap {
    padding: 40px 30px;
    background: #fff;
    border-radius: 4px;
    margin: 0 0 40px;
}
.wow h2{ color:#ffffff; line-height:80px;}


/*--About--*/
.about{
	padding:75px 0px;
	background:#fff;
}
.about h3{
	font-size:35px;
	padding-bottom:20px;
	color:#000;
	font-weight:600;
}
.about h6{
	font-size:15px;
	color:#000;
	font-weight:300;
	width:55%;
	margin:0 auto;
	line-height:30px;
}
.about-grids{
	margin-top:75px;
}
.about-grids h4{
	color:#000;
	/*--agileits--*/
	font-size:17px;
	font-weight:700;
	margin-bottom:15px;
}
.aboutimage{
	border:8px solid #7BC475;
	border-radius: 50%;
    padding: 0;
}
.about-grids p{
	line-height:30px;
	font-size:14px;
	color:#000;
}
.about-grid1,.about-grid3{
	width:60%;
	text-align:right;
}
.about-grid1{
	margin-bottom:75px;
}
.about-grid1 h4,.about-grid3 h4{
	text-align:right;
}
.about-grid2{
	width:60%;
	margin:0px 0px 75px 455px;
	text-align:left;
}
.about-grid2 h4{
	text-align:left;
}

.about-grid4{
	width:60%;
	margin:0px 0px 30px 455px;
}
.aimg:after {
    content: '';
    background:#7BC475;
    width: 3px;
    height: 38%;
    position: absolute;
    bottom: -40%;
    left: 50%;
}
/*-- //About--*/

/*-- Services--*/
/*--w3layouts--*/
.guituo-fuwu{
	background-color:#f3f3f3;
	padding:5px 0px;
	text-align:center;
}
.guituo-fuwu h4{
	padding: 8px 0px;
    font-size: 18px;
    color: #5c5c5c;
	font-weight:bold;
}
.guituo-serve{
	background-color:#f3f3f3;
	padding:50px 0px;
	text-align:center;
}

.guituo-serve h4{
	padding: 13px 0px;
    font-size: 18px;
    color: #5c5c5c;
	font-weight:bold;
}
.services{
	padding:50px 0px
	text-align:center;
}
.services h3{
	font-size:35px;
	padding-bottom:20px;
	color:#fff;
	font-weight:600;
}
.services h6{
	font-size:15px;
	color:#f3f6f3;
	font-weight:300;
	width:40%;
	margin:0 auto;
	line-height:30px;
}
.service-grids{
	margin-top:15px;
	color:#fff;
}

.service-grids-icon{
	width: 65%;
    padding: 10px;

	margin:0 auto;
}
.services p{
	font-size:14px;
	color:#555555;
	line-height:30px;
}
.service-grid:hover div.service-grids-icon{
	   transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
	/*--agileits--*/
   -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
/*-- //Services--*/

/*-- Team --*/
.team{
	padding:75px 0px;
	text-align:center;
}
.team h3{
	color:#000;
	font-size:35px;
	padding-bottom:20px;
	font-weight:600;
}
.team h6{
	font-size:15px;
	color:#000;
}
.theader{
	margin-bottom:75px;
}
.team img{
	width:70%;
}
.team h5{
	font-size:20px;
	margin:15px 0px;
	font-weight:700;
}
.team p{
	font-size:14px;
	margin-bottom:10px;
}
.team ul {
     margin:0
}
.team ul li{
	display:inline;
}
.team ul li a {
    width: 40px;
    height: 40px;
    background: url('../images/img-sprite.png') no-repeat -160px 0px;
    display: inline-block;
    border: none;
    background-size: 400px;
}
.team ul li a.facebook {
    background: url('../images/img-sprite.png') no-repeat -200px 0px;
    background-size: 400px;
}
.team ul li a.pinterest {
    background: url('../images/img-sprite.png') no-repeat -240px 0px;
    background-size: 400px;
}
.team ul li a.twitter:hover {
    background: url('../images/img-sprite.png') no-repeat -160px -43px;
    background-size: 400px;
}
.team ul li a.facebook:hover {
    background: url('../images/img-sprite.png') no-repeat -200px -43px;
    background-size: 400px;
}
.team ul li a.pinterest:hover {
    background: url('../images/img-sprite.png') no-repeat -240px -43px;
    background-size: 400px;
}
/*-- //Team--*/

/*-- Testimonials --*/
.testimonials{
	text-align:center;
}
.carousel-caption{
	padding:0;
	bottom:62px;
	
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	 height: 450px;
}

.hangouts img{
	width:5%;
}
.testimonials p{
	color:#fff;
	font-size:19px;
	width:70%;
	margin:0 auto;
	line-height:30px;
}
.person{
	margin-top:30px;
}
.person h5{
	color:#fff;
	margin:15px 0px;
	font-size:16px;
}
.person h6{
	color:#eee;
	font-size:14px;
	font-weight:100;
}
.person img{
	width:13%;
}
/*--// Testimonials --*/

/*---portfolio----*/
.portfolio,.steps {
  padding: 5em 0;
}
.portfolio p {
  font-size: 1.1em;
  color: #555;
  line-height: 1.6em;
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
.portfolio h3.title span:after,.testimonials h3.title span:after {
    right: 26% !important;
}
.portfolio h3.title span:before,.testimonials h3.title span:before {
    left: 26% !important;
}
.steps h3.title span:after{
    right:30% !important;
}
.steps h3.title span:before{
    left:30% !important;
}
.view {
  width: 360px;
  height: 245px;
  margin: 10px;
  float: left;
  border: 10px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 1px 1px 2px #BCBCBC;
  -moz-box-shadow: 1px 1px 2px #BCBCBC;
  box-shadow: 1px 1px 2px #BCBCBC;
  cursor: default;
  padding: 0;
}
.view .mask,.view .content {
   width: 341px;
    height: 225px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view p {
    font-style: italic;
    font-size: 2.1em;
    position: relative;
    color: #fff;
    text-align: center;
    margin: 3em auto 0;
    width: 63%;
}
.view-fourth img {
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-fourth .mask {
   background-color: rgba(0,0,0,0.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
.view-fourth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-fourth:hover img {
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-fourth:hover p{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
/*---//portfolio----*/

/*--Portfolio --*/
.works{
	padding:65px 0px;
	background:#f2f2f2;
}
.works h3{
	color:#000;
	font-size:35px;
	padding-bottom:20px;
	font-weight:600;
}
.works h6{
	font-size:16px;
	color:#000;
	width:60%;
	margin:0 auto;
	line-height:40px;
}
.work-grids{
	margin-top:50px;
}
.wg{
	position:relative;
	margin:0;
	padding:2px;
}
.winfo{
	display:none;
	position:absolute;
    top:0;
	left:0;
	width:99%;
	height:226px;
    background-color:rgba(123, 196, 117, 0.73);
	margin:2px;
	padding:68px 0px 0px 135px;
	
}
.wg:hover .winfo{
	display:block;
}
.winfo img{
	width:40%;
}
/*--//Portfolio --*/

/*--Clients--*/
.clients{
	background:url('../images/clientsbg.jpg') no-repeat 0px 0px;
	background-size:cover;
	padding:60px 0px;
	text-align:center;
	background-attachment:fixed;
}
.clients img{
	width:100%;
}
.tex-l{ text-align:left;}
.tex-l h3{ text-align:left;}
/*--//Clients --*/

/*--Events --*/
.events{
	padding:75px 0px;
}
.events h3{
	color:#000;
	font-size:35px;
	padding-bottom:20px;
	font-weight:600;
}
.events h6{
	font-size:15px;
	color:#000;
	width:60%;
	margin:0 auto;
	line-height:30px;
}
.egrids{
	margin-top:50px;
}
.events h4{
	color:#7bc475;
	margin:15px 0px;
	text-align:left;
}
.etext img{
	width:60%;
}
.events p{
	text-align:left;
	font-size:14px;
	line-height:30px;
	margin-top:10px;
}
.cal{
	float:left;
	width:10%;
}

.date h5{
	color:#000;
	font-size:15px;
	font-weight:600;
	text-align:left;
}
/*--//Events --*/

/*--Map --*/
.map iframe {
    width: 100%;
    height: 500px;
    border: 5px solid #FAFAFA;
}
/*-- //Map--*/

/*--Contact --*/
.contact{
	padding:65px 0px;
	border-bottom:1px solid #222322;
	background:#2b2b2b;
}
	
.contact h4{
	font-size: 25px;
    color: #999999;
    margin-bottom: 25px;
    text-align: left;
    font-weight: 600;
}
.contact h6{
	font-size:14px;
	color:#999999;
	margin-bottom:10px;
	text-align:left;
}
.contact a{
	color:#999999;
}
.contact ul li{
	display:inline-block;
}
.contact ul li a{
	width:35px;
	height:35px;
	background:url('../images/img-sprite.png') no-repeat -358px -8px;
	display:inline-block;
	border:none;

}
.contact ul li a.google{
	background:url('../images/img-sprite.png') no-repeat -407px -8px;

}
.contact ul li a.pinterest{
	background:url('../images/img-sprite.png') no-repeat -458px -8px;

}
.contact ul li a.linkedin:hover{
	background:url('../images/img-sprite2.png') no-repeat -358px -8px;

}
.contact ul li a.google:hover{
	background:url('../images/img-sprite2.png') no-repeat -407px -8px;

}
.contact ul li a.pinterest:hover{
	background:url('../images/img-sprite2.png') no-repeat -458px -8px;

}
input[type="text"]{
	padding:5px;
}
input[type="submit"]{
	background-color:#7bc475;
	color:#fff;
	
	border:none;
}
input[type="submit"]:hover{
	background-color:#000;
}
/*-- //Contact --*/

/*--Footer --*/
.footer{
	padding:20px 0px;
	text-align:center;
	background:#000000;
}
.footer p{
	color:#999999;
	font-size:14px;
	line-height:25px;
}
.footer a{
	color:#999999;
}
.footer a:hover{
	color:#7bc475;
}
/*-- //Footer --*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(../images/up-arrow.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/

@media (max-width: 1440px){
	.content-left {
		padding: 32px 35px 32px 152px;
	}
	.content-left p:nth-child(3) {
		margin-top: 18px;
	}
}
@media (max-width: 1366px){
	.content-left {
		padding: 30px 35px 30px 137px;
	}
	.content-left h3 {
		margin-bottom: 21px;
	}	
}
@media (max-width: 1280px){
	.content-left {
		padding: 26px 28px 26px 63px;
	}
	.content-left h3 {
		margin-bottom: 15px;
	}
	.content-left p:nth-child(3) {
		margin-top: 11px;
	}	
}
@media (max-width: 1080px){
	.nav > li > a {
		padding: 24px 11px;
	}
	.navbar-nav {
		width: 56%;
	}
	.navbar-default .navbar-brand {
		font-size: 32px;
	}
	.banner-info h3 {
		font-size: 38px;
	}
	.banner-info {
		margin-top: 11em;
	}
	.banner-info p {
		font-size: 19px;
		margin-top: 60px;
	}
	.callbacks_nav {
		height: 52px;
		width: 27px;
	}
	.callbacks_nav.next {
		background: url("../images/arrows.png") no-repeat -130px -29px;
	}
	.banner {
		min-height: 610px;
	}
	.banner-bottom h3, .content-bottom h3, .creative h3,.quote h3  {
		font-size: 30px;
	}
	.content-left h3 {
		font-size: 21px;
	}
	.banner-bottom p {
		font-size: 16px;
	}
	.banner-bottom,.content-bottom,.creative,.quote,.about,.gallery, .services,.typrography,.overview,.main-services{
		padding: 65px 0;
	}
	.content-left p {
		font-size: 13px;
		line-height: 2em;
	}
	.content-left {
		padding: 19px 24px 19px 31px;
	}
	.content-left h3 {
		margin-bottom: 12px;
	}
	.content-left p:nth-child(3) {
		margin-top: 8px;
	}
	.bottom-right figure.effect-moses h4 {
		padding: 50px 20px 20px 20px;
		font-size: 23px;
	}
	.content-bottom h3, .creative h3 {
		margin-bottom: 50px;
	}
	.sti-menu li {
		width: 48%;
		margin: 0 1% 3% 1%;
	}
	figure.effect-moses p {
		padding: 37px 20px 20px 20px;
	}
	.sti-menu li a h4 {
		font-size: 17px;
	}
	.sti-menu li a p {
		left: 14px;
	}
	.bottom-right {
		padding: 0;
	}
	.sti-menu li a h4 {
		left: 17px;
	}
	.sti-menu li {
		height: 170px;
	}
	.sti-icon-info,.sti-icon-family,.sti-icon-care,.sti-icon-alternative {
		margin: 14px auto 0 auto;
	}
	.sti-menu li a p {
		padding: 0 10px;
	}
	.sti-menu li a h4 {
		top: 99px;
	}

	.quote-left p {
		font-size: 13px;
	}

	a.hvr-outline-out {
		padding: 8px 15px;
		font-size: 14px;
	}
	.creative-left h4, .creative-right h4 {
		font-size: 20px;
	}
	.creative-left p, .creative-right p {
		font-size: 13px;
	}
	.creative-left h4, .creative-right h4 {
		margin-bottom: 13px;
	}
	.footer-top h3 {
		font-size: 22px;
	}
	.footer-top ul li {
		font-size: 13px;
	}
	.footer-grids h2 a {
		font-size: 20px;
	}
	.about-grid p {
		line-height: 2em;
		font-size: 13px;
	}
	.about-grid h4 {
		font-size: 21px;
	}
	.about-grid p {
		margin-top: 20px;
	}
	.ih-item.circle .img,.ih-item.circle {
		width: 100%;
		height: auto;
	}
	.ih-item.circle.effect19 .info h3 {
		padding: 65px 0 0 0;
		height: 103px;
	}
	.gallery-grids figcaption h4 {
		font-size: 26px;
	}
	.gallery-grids figure figcaption {
		padding: 1em;
	}
	figure.effect-bubba p {
		font-size: 13px;
	}
	h3.tittle {
		font-size: 32px;
	}
	.team {
		padding-bottom: 65px;
	}
	.ser-grid ul li {
		font-size: 13px;
	}
	.ser-grid h4 {
		font-size: 20px;
	}
	.list-grid h4,.services-right h3 {
		font-size: 20px;
	}
	.services-right p {
		font-size: 13px;
	}
	.services-left {
		float: left;
		width: 18%;
	}
	.services-right {
		float: right;
		width: 75%;
	}
	.contact-right textarea ,.contact-left input[type="text"]{
		font-size: 13px;
	}
	.contact-right textarea {
		height: 178px;
	}
}
@media (max-width: 1024px){
	.navbar-default .navbar-nav > li > a {
		font-size: 15px;
	}
	.banner-info h3 {
		font-size: 36px;
	}
	.banner-info p {
		font-size: 16px;
		margin-top: 47px;
	}
	.banner-info {
		margin-top: 9em;
	}
	.banner {
		min-height: 545px;
	}
	.content-left {
		padding: 15px 24px 15px 31px;
	}
	.ih-item.circle.effect19 .info h3 {
		font-size: 18px;
	}	
}
@media (max-width: 991px){
	.navbar-default .navbar-brand {
		font-size: 29px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 14px;
	}
	.nav > li > a {
		padding: 24px 9px;
	}
	.navbar-nav {
		width: 63%;
	}	
	.banner-info h3 {
		font-size: 30px;
	}
	.banner-bottom p {
		font-size: 14px;
	}
	.content-left {
		float: left;
		width: 50%;
	}
	.content-right {
		padding: 0;
		float: right;
		width: 50%;
	}
	.content-left p {
		line-height: 1.9em;
	}
	.bottom-left {
		padding: 0;
	}
	.sti-menu li {
		height: 205px;
	}
	.sti-menu li:nth-child(2) a h4 {
		left: 98px;
	}
	.sti-menu li a h4 {
		left: 87px;
	}
	.sti-menu li:nth-child(3) a h4 {
		left: 107px;
	}
	.sti-menu li a p {
		left: 87px;
	}
	.sti-menu li a h4 {
		top: 118px;
	}
	.sti-menu li a p {
		padding: 15px 10px 0 10px;
	}
	.sti-icon-info, .sti-icon-family, .sti-icon-care, .sti-icon-alternative {
		margin: 30px auto 0 auto;
	}
	.sti-menu li a p {
		top: 140px;
	}
	.bottom-right {
		padding: 0 7px;
	}
	.bottom-right figure.effect-moses h4 {
		padding: 88px 20px 20px 20px;
	}
	figure.effect-moses p {
		padding: 95px 20px 20px 20px;
	}
	.quote-left {
		float: left;
		width: 81%;
	}
	.bottom-right {
		margin-top: 30px;
	}
	.creative-left, .creative-right {
		padding: 0 12px 0 12px;
		float: left;
		width: 50%;
	}
	.creative-left h4, .creative-right h4 {
		font-size: 17px;
	}
	.footer-grids ,.social-icons{
		float: left;
		width: 25%;
		padding: 0;
	}
	.banner-bottom h3, .content-bottom h3, .creative h3, .quote h3 {
		font-size: 28px;
	}
	.footer-top h3 {
		font-size: 21px;
	}
	.about-grid-left{
		float: left;
		width: 49%;
	}
	.about-grid h4 {
		font-size: 18px;
	}
	h3.tittle {
		font-size: 30px;
	}
	.welcome-grid {
		width: 25%;
		float: left;
		padding: 0 6px;
	}
	.ih-item.circle.effect19 .info h3 {
		padding: 43px 0 0 0;
		height: 79px;
	}
	.ih-item.circle.effect19 .info p {
		margin: 0 0px;
	}
	.baner-top {
		float: left;
		width: 50%;
		padding: 0 10px;
	}
	.baner-bottom {
		margin: 20px 0;
		float: left;
		width: 33.333%;
		padding: 0 10px;
	}
	figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
		position: absolute;
		top: 23px;
		right: 23px;
		bottom: 23px;
		left: 23px;
	}
	figure.effect-bubba p {
		padding: 1em 1em 0px 1em;
	}
	figure.effect-bubba h4 {
		padding-top: 7%;
	}
	.gallery-grids figcaption h4 {
		font-size: 22px;
	}
	.ser-grid {
		float: left;
		width: 50%;
	}
	.ser-grid h4 {
		margin-bottom: 17px;
	}
	.ser-grid:nth-child(3), .ser-grid:nth-child(4) {
		margin-top: 30px;
	}
	.list-grid {
		float: left;
		width: 25%;
		padding: 0 7px;
	}
	.list-grid h4, .services-right h3 {
		font-size: 17px;
	}
	.services-grid {
		float: left;
		width: 50%;
	}
	.services-grid:nth-child(4), .services-grid:nth-child(5), .services-grid:nth-child(6),.services-grid:nth-child(3) {
		margin-top: 30px;
	}
	.services-left {
		float: left;
		width: 16%;
	}
	.services-right {
		float: right;
		width: 79%;
	}
	.map iframe {
		height: 270px;
	}
	.footer-top p {
		margin-top: 40px;
		font-size: 14px;
	}
	.footer-grids h2 a {
		font-size: 17px;
	}
	.footer-top h3 {
		margin-bottom: 23px;
	}
}
@media (max-width: 800px){
	.content-left {
		width: 55%;
	}
	.content-right {
		width: 45%;
	}	
	.content-left h3 {
		font-size: 19px;
	}
	.content-left {
		padding: 12px 19px 12px 19px;
	}
	.banner-bottom, .content-bottom, .creative, .quote, .about, .gallery, .services, .typrography, .overview, .main-services {
		padding: 55px 0;
	}
	.contact-form input[type=submit] {
		padding: 8px 23px;
	}
	.banner-info h3 {
		font-size: 27px;
	}
	.banner {
		min-height: 510px;
	}
	.callbacks_nav {
		top: 30%;
	}
}
@media (max-width: 768px){
	.navbar-default .navbar-brand {
		font-size: 26px;
	}
	a.navbar-brand i {
		width: 28px;
		height: 28px;
		background-size: 95%;
	}
	.content-left {
		padding: 12px 12px 12px 12px;
	}
	.banner-bottom h3, .content-bottom h3, .creative h3, .quote h3 {
		font-size: 24px;
	}
	.content-left h3 {
		font-size: 18px;
	}
	.banner-bottom p {
		margin: 25px auto 0 auto;
	}
	.content-bottom h3, .creative h3 {
		margin-bottom: 35px;
	}
}
@media (max-width: 736px){
	.navbar-nav {
	  text-align: center;
	  float: none;
	  width: 100%;
	  margin: 0;
      padding: 11px 0 60px 0;
	}
	.navbar-default .navbar-nav > li > a {
	  text-align: center;
	  display: inline-block;
	}
	.search-box {
	  float: none;
	  width: 100%;
	}
	.sb-search.sb-search-open, .no-js .sb-search {
	  width: 100%;
	}
	.sb-search {
	  right: 43px;
	  top: 82%;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
	}
	.navbar-collapse {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-default .navbar-nav > li > a {
		display: block;
	}
	.nav > li > a {
		padding: 10px 0px;
	}
	.sb-search-input {
		width: 87%;
	}
	.callbacks_nav {
		top: 62%;
	}
	.banner-info {
		margin-top: 5em;
	}
	.banner {
		min-height: 380px;
	}
	.content-left {
		width: 100%;
	}
	.content-left h3 {
		text-align: center;
	}
	.content-left p {
		text-align: center;
	}
	.content-left h3 {
		font-size: 21px;
	}
	.content-left {
		padding: 0 30px;
	}
	.content-left {
		padding: 55px 30px 35px 30px;
	}
	.content-right {
		width: 100%;
		padding-bottom: 55px;
	}
	.banner-bottom h3, .content-bottom h3, .creative h3, .quote h3 {
		font-size: 22px;
	}
	.creative-left h4, .creative-right h4 {
		font-size: 16px;
	}
	.content-left h3 {
		margin-bottom: 25px;
	}
	.pagehead {
		min-height: 175px !important;
	}
	.about-grid p {
		margin-top: 15px;
	}
	.ih-item.circle.effect19 .info h3 {
		font-size: 15px;
	}
	figure.effect-bubba p {
		padding: 0.5em 1em 0px 1em;
	}
	.callbacks_nav {
		z-index: -1;
	}
}
@media (max-width: 667px){
	.banner-info p {
		margin: 31px auto 0 auto;
		width: 84%;
	}	
	.banner-bottom p {
		font-size: 13px;
	}
	.sti-menu li a h4 {
		left: 63px;
	}
	.sti-menu li:nth-child(2) a h4 {
		left: 79px;
	}
	.sti-menu li:nth-child(3) a h4 {
		left: 87px;
	}
	.sti-menu li a p {
		left: 58px;
	}
	.bottom-right figure.effect-moses h4 {
		padding: 78px 20px 20px 20px;
	}
	figure.effect-moses p {
		padding: 76px 14px 20px 14px;
	}
	.quote-left {
		float: left;
		width: 75%;
	}
	.creative-left, .creative-right {
		width: 100%;
	}
	.creative-left:nth-child(4), .creative-right:nth-child(5), .creative-right:nth-child(3) {
		margin-top: 30px;
	}
	.footer-grids, .social-icons {
		float: left;
		width: 50%;
		min-height: 210px;
	}
	.footer-grids:nth-child(4), .social-icons {
		margin-top: 25px;
	}
	.footer-top p {
		margin-top: 18px;
		font-size: 13px;
	}
	.footer-top h3 {
		font-size: 19px;
	}
	.about-grid p {
		margin-top: 10px;
	}
	.welcome-grid {
		padding: 0 4px;
	}
	.ih-item.circle.effect19 .info h3 {
		height: 70px;
	}
	.gallery-grids figcaption h4 {
		margin-bottom: 19px;
	}
	.baner-top ,.baner-bottom{
		padding: 0 5px;
	}
	figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
		top: 12px;
		right: 12px;
		bottom: 12px;
		left: 12px;
	}
	figure.effect-bubba p {
		padding: 0.5em 0.5em 0 0.5em;
	}
	.baner-bottom {
		margin: 12px 0;
	}
	.list-grid {
		float: left;
		width: 50%;
		padding: 0 10px;
	}
	.list-grid:nth-child(5),.list-grid:nth-child(4) {
		margin-top:40px;
	}
	.services-left p {
		padding: 9px 0;
	}
	.contact-left {
		width: 37%;
	}
	.contact-right {
		width: 60%;
	}
	.footer-grids, .social-icons {
		padding: 0 15px;
	}
}
@media (max-width: 640px){
	h3.tittle {
		font-size: 28px;
		margin-bottom: 35px;
	}	
	.map iframe {
		height: 220px;
	}
	.contact-left input[type="text"] {
		padding: 8px 10px;
	}
	.contact-right textarea {
		height: 155px;
	}
	.contact-form input[type=submit] {
		padding: 8px 19px;
		font-size: 14px;
	}
	.ser-grid h4 {
		font-size: 18px;
	}
	.services-left p {
		font-size: 17px;
	}
	.gallery-grids figcaption h4 {
		font-size: 19px;
	}
	.about-grid {
		padding: 0;
	}
	.about-grid-left {
		padding-left: 0;
	}
	.welcome-grid {
		padding: 0 4px;
	}
	.ih-item.circle.effect19 .info h3 {
		margin: 0 0px;
	}
	.callbacks_nav {
		top: 24%;
	}
	.banner-info h3 {
		font-size: 25px;
	}
	.banner-info p {
		margin: 24px auto 0 auto;
		width: 87%;
	}
	.sti-menu li:nth-child(2) a h4 {
		left: 68px;
	}
	.sti-menu li:nth-child(3) a h4 {
		left: 79px;
	}
	.sti-menu li a h4 {
		left: 55px;
	}
	.sti-menu li a p {
		left: 51px;
	}
	.bottom-right figure.effect-moses h4 {
		font-size: 20px;
	}
	.bottom-right figure.effect-moses h4 {
		padding: 74px 20px 20px 20px;
	}
	figure.effect-moses p {
		padding: 76px 7px 20px 7px;
	}
	.quote-left {
		float: left;
		width: 100%;
	}
	.button-left {
		float: none;
		margin-top: 18px;
	}
	
}
@media (max-width: 600px){
	.callbacks_nav {
		top: 51%;
	}
	.banner-info h3 {
		font-size: 23px;
	}
	.banner-info p {
		font-size: 14px;
	}
	.banner {
		min-height: 345px;
	}	
	.banner-bottom, .content-bottom, .creative, .quote, .about, .gallery, .services, .typrography, .overview, .main-services {
		padding: 50px 0;
	}
	.sti-menu li a h4 {
		left: 46px;
	}
	.sti-menu li:nth-child(2) a h4 {
		left: 58px;
	}
	.sti-menu li:nth-child(3) a h4 {
		left: 70px;
	}
	.sti-menu li a p {
		left: 43px;
	}
	figure.effect-moses p {
		font-size: 13px;
	}
	.about-grid-left {
		float: left;
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	.about-grid {
		padding: 0;
		float: left;
		width: 100%;
	}
	.welcome-grid {
		padding: 0 15px;
		width: 50%;
	}
	.ih-item.circle.effect19 .info h3 {
		margin: 35px 0px 0 0;
		height: 87px;
		font-size: 20px;
	}
	.ih-item.circle.effect19 .info p {
		font-size: 13px;
	}
	.welcome-grid:nth-child(4), .welcome-grid:nth-child(5) {
		margin-top: 35px;
	}
	figure.effect-bubba p {
		padding: 0.1em 0em 0 0em;
	}
	/*--typo--*/
	.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		padding: 9px!important;
	}
	.table h1 {
		font-size: 28px;
	}
	.table h2 {
		font-size: 25px;
	}
	.table h3 {
		font-size: 22px;
	}
	h1.t-button, h2.t-button, h3.t-button, h4.t-button, h5.t-button {
		font-size: 16px;
	}
	/*--//typo--*/
	.services-left {
		width: 17%;
	}
	.services-grid {
		padding: 0 10px;
	}
}
@media (max-width: 568px){
	.nav > li > a {
		padding: 8px 0px;
	}
	.banner-info h3 {
		font-size: 21px;
	}
	.callbacks_nav {
		top: 63%;
	}
	.sti-menu li a p {
		left: 35px;
	}
	.sti-menu li a h4 {
		left: 40px;
	}
	.sti-menu li:nth-child(2) a h4 {
		left: 49px;
	}
	.sti-menu li:nth-child(3) a h4 {
		left: 60px;
	}

	.sti-menu li:nth-child(3) a h4 {
		left: 60px;
	}
	.grid figure figcaption {
		padding: 1em;
	}
	.bottom-right figure.effect-moses h4 {
		padding: 71px 20px 20px 20px;
	}
	figure.effect-moses p {
		padding: 70px 0px 20px 0px;
	}
	.gallery-grids figure figcaption {
		padding: .5em;
	}
	figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
		top: 7px;
		right: 7px;
		bottom: 7px;
		left: 7px;
	}

}
@media (max-width: 480px){
	.navbar-toggle {
		padding: 7px 6px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	.header {
		padding: 15px 0;
	}
	.navbar-header {
		margin-top: 0;
	}
	.banner-info h3 {
		font-size: 20px;
	}
	.banner-info p {
		font-size: 13px;
		margin: 24px auto 0 auto;
		width: 100%;
	}
	.banner {
		min-height: 330px;
	}
	.content-left h3 {
		font-size: 22px;
	}
	.navbar-nav {
		padding: 11px 0 45px 0;
	}
	.sb-search-input {
		width: 80%;
	}
	.banner-info h3 {
		font-size: 18px;
	}
	.banner-info p {
		width: 97%;
	}
	.callbacks_nav {
		top: 19%;
	}
	.sti-menu li a h4 {
		left: 17px;
	}
	.sti-menu li:nth-child(2) a h4 {
		left: 30px;
	}
	.sti-menu li:nth-child(3) a h4 {
		left: 42px;
	}
	.sti-menu li a p {
		left: 14px;
	}
	.bottom-right figure.effect-moses h4 {
		padding: 58px 20px 20px 20px;
	}
	figure.effect-moses p {
		padding: 42px 6px 20px 6px;
	}
	.ih-item.circle.effect19 .info h3 {
		margin: 11px 0px 0 0;
	}
	.baner-top ,.baner-bottom{
		width: 100%;
		padding:0;
	}
	figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
		top: 39px;
		right: 39px;
		bottom: 39px;
		left: 39px;
	}
	figure.effect-bubba h4 {
		padding-top: 21%;
	}
	figure.effect-bubba p {
		padding: 2.1em 0em 0 0em;
	}
	.baner-bottom {
		margin: 25px 0 0 0;
	}
	.baner-top {
		margin-top: 25px;
	}
	.ser-grid {
		padding: 0 10px;
	}
	.services-grid {
		float: left;
		width: 100%;
	}
	.services-left {
		width: 11%;
	}
	.services-left p {
		padding: 11px 0;
	}
	.contact-left {
		width: 100%;
	}
	.contact-right {
		width: 100%;
	}
	.contact-form input[type=submit] {
		margin-top: 20px;
	}
	 .creative h3 {
		line-height: 1.5em;
	}
	.services-grid:nth-child(4), .services-grid:nth-child(5), .services-grid:nth-child(6), .services-grid:nth-child(3),.services-grid:nth-child(2) {
    margin-top: 30px;
}
}
@media (max-width: 414px){
	.callbacks_nav {
		top: 23%;
	}
	.banner-bottom h3, .content-bottom h3, .creative h3, .quote h3 {
		font-size: 20px;
	}
	.sti-menu li a h4 {
		font-size: 14px;
	}
	.sti-menu li a p {
		padding: 0px 5px 0 5px;
	}
	.sti-menu li a p {
		left: 2px;
	}
	.bottom-right figure.effect-moses h4 {
		font-size: 16px;
	}
	.bottom-right figure.effect-moses h4 {
		padding: 49px 20px 20px 20px;
	}
	figure.effect-moses p {
		padding: 30px 6px 20px 6px;
	}
	.footer-grids, .social-icons {
		float: left;
		width: 100%;
		min-height: inherit;
	}
	.footer-top h3 {
		margin-bottom: 15px;
	}
	.footer-grids, .social-icons {
		margin-bottom: 25px;
		margin-top:0 !important;
	}
	.banner-info {
		margin-top: 4.5em;
	}
	.sti-menu li {
		height: 180px;
	}
	.sti-menu li:nth-child(2) a h4 {
		left: 20px;
	}
	.sti-menu li:nth-child(3) a h4 {
		left: 35px;
	}
	.creative-left h4, .creative-right h4 {
		font-size: 17px;
	}
	.sti-icon-info, .sti-icon-family, .sti-icon-care, .sti-icon-alternative {
		margin: 18px auto 0 auto;
	}
	.sti-menu li a h4 {
		top: 108px;
	}
	.welcome-grid {
		padding: 0 7px;
	}
	.ih-item.circle.effect19 .info h3 {
		margin: 0px 0px 0 0;
	}
	figure.effect-bubba p {
		padding: 1em 4em 0 4em;
	}
	.table h1 {
		font-size: 23px;
	}
	.table h2 {
		font-size: 23px;
	}
	.ser-grid {
		width: 100%;
	}
	.ser-grid:nth-child(3), .ser-grid:nth-child(4), .ser-grid:nth-child(2) {
		margin-top: 30px;
	}
	.services-left {
		width: 13%;
	}
	.contact-right textarea {
		height: 115px;
	}
}
@media (max-width: 384px){
	.banner-info h3 span {
		display: inline-block;
	}
	.banner-info p {
		width: 96%;
		margin: 19px auto 0 auto;
	}
	.callbacks_nav {
		top: 29%;
	}
	.banner-bottom h3, .content-bottom h3, .creative h3, .quote h3,.content-left h3 {
		font-size: 18px;
	}
	.content-left {
		padding: 50px 15px 35px 15px;
	}
	.sti-menu li a h4 {
		left: 4px;
	}
	.sti-menu li:nth-child(2) a h4 {
		left: 12px;
	}
	.sti-menu li:nth-child(3) a h4 {
		left: 23px;
	}
	.sti-menu li a p {
		padding: 0px 0px 0 0px;
	}
	.sti-menu li a p {
		left: 2px;
		font-size: 13px;
	}
	.bottom-right figure.effect-moses h4 {
		padding: 40px 20px 20px 20px;
	}
	figure.effect-moses p {
		padding: 24px 6px 20px 6px;
	}
	 .quote h3{
		line-height: 1.5em;
	}
	.creative-left, .creative-right {
		padding: 0 0px 0 12px;
	}
	.creative-left h4, .creative-right h4 {
		font-size: 16px;
	}
	.footer-top p {
		margin-top: 0;
	}
	.ih-item.circle.effect19 .info h3 {
		height: 71px;
		font-size: 17px;
	}
	.welcome-grid {
		padding: 0 6px;
	}
	.welcome-grid:nth-child(4), .welcome-grid:nth-child(5) {
		margin-top: 15px;
	}
	.gallery-grids figcaption h4 {
		margin-bottom: 10px;
	}
	.table h1 {
		font-size: 20px;
	}
	.table h2 {
		font-size: 20px;
	}
	.table h3 {
		font-size: 20px;
	}
	.pagination-lg > li > a, .pagination-lg > li > span {
		padding: 10px 15px;
	}
	.services-left {
		width: 14%;
	}
	.list-grid h4 {
		margin-top: 15px;
	}
	h3.tittle {
		font-size: 26px;
	}
	.map {
		margin-bottom: 35px;
	}
	.map iframe {
		height: 185px;
	}
	.pagehead {
		min-height: 164px !important;
	}
}
@media (max-width: 375px){
	
}
@media (max-width: 320px){
	.banner-info h3 {
		font-size: 19px;
	}
	.banner-info p {
		width: 100%;
	}
	.banner-info {
		margin-top: 2.5em;
	}
	.banner {
		min-height: 320px;
	}
	.callbacks_nav {
		height: 46px;
		width: 19px;
	}
	.callbacks_nav.next {
		background: url("../images/arrows.png") no-repeat -138px -29px;
	}
	.banner-bottom p {
		margin: 15px auto 0 auto;
	}
	.content-left h3 {
		margin-bottom: 15px;
	}
	.sti-menu li ,.sti-menu li:nth-child(3){
		width: 100%;
		margin: 0 0% 8% 0%;
	}
	.sti-menu li a h4 {
		left: 64px;
	}
	.sti-menu li a p {
		left: 63px;
	}
	.sti-menu li:nth-child(2) a h4 {
		left: 69px;
	}
	.sti-menu li:nth-child(3) a h4 {
		left: 81px;
	}
	.grid figure figcaption {
		padding: 0.5em;
	}
	.bottom-right figure.effect-moses h4 {
		padding: 37px 0px 0px 0px;
	}
	figure.effect-moses p {
		padding: 2px 0px 0px 0px;
	}
	.quote h3 {
		margin-bottom: 15px;
	}
	a.hvr-outline-out {
		padding: 7px 11px;
		font-size: 13px;
	}
	.creative h3{
		font-size: 16px;
	}
	.welcome-grid {
		padding: 0 15px;
		width: 100%;
	}
	.welcome-grid:nth-child(4), .welcome-grid:nth-child(5),.welcome-grid:nth-child(3),.welcome-grid:nth-child(2) {
		margin-top: 30px;
	}
	.ih-item.circle.effect19 .info h3 {
		margin: 44px 0px 0 0;
	}
	.sb-search {
    right: 23px;
	}
	figure.effect-bubba p {
		padding: 1em 2em 0 2em;
	}
	figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
		top: 25px;
		right: 25px;
		bottom: 25px;
		left: 25px;
	}
	figure.effect-bubba h4 {
		padding-top: 15%;
	}
	.baner-top:nth-child(1) {
		margin: 0;
	}
	.table h1,.table h2,.table h3,.table h4 {
		font-size: 15px;
	}
	.pagination-lg > li > a, .pagination-lg > li > span {
		padding: 4px 11px;
	}
	.list-grid {
		float: left;
		width: 100%;
		padding: 0;
	}
	.list-grid:nth-child(5), .list-grid:nth-child(4),.list-grid:nth-child(3) {
		margin-top: 40px;
	}
	.services-right h3 {
		margin-bottom: 12px;
	}
	.services-left {
		width: 17%;
	}
}

.work_show_p{margin:10px 0}
.work_show_p li{background:#FFFFFF;border:1px solid #E5E5E5;float:left;line-height:24px;margin:4px;width:370px}
.work_show_p li img{width:360px;height:245px;display:block}
.work_show_p li a{color:#5C5C5C;display:block;padding:8px;text-decoration:none}
.work_show_p li a span{text-align:center;display:block}
.work_show_p li a:hover{background:#394045;color:#b3b3b3}
.work_show_t{margin:10px 0;padding:0px;display:none}
.work_show_t dd{width:100%;border-left:1px solid #d8d8d8;float:left;padding:0 0 0 5px;margin:0px}
.work_show_t dd.noborder{border:none}
.work_show_t dd li{list-style:none;line-height:24px;float:left;width:100%;border-bottom-color:#f3f3f3;border-bottom-style:dashed;border-bottom-width:1px;height:24px}
.work_show_t dd li.case_header span,.work_show_t dd li.case_header{background-color:#f3f3f3}
.work_show_t dd li a{color:#5c5c5c}
.work_show_t dd li a:hover{color:#ca201d}
.work_show_t dd li span{height:24px;float:left;display:block;padding-left:5px}