/* CUSTOM CSS - this is where you add your own css rules !!

***********************************************************/ 

header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+50,cecece+100 */
background: #efefef; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #efefef 0%, #ffffff 50%, #cecece 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#efefef), color-stop(50%,#ffffff), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #efefef 0%,#ffffff 50%,#cecece 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #efefef 0%,#ffffff 50%,#cecece 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #efefef 0%,#ffffff 50%,#cecece 100%); /* IE10+ */
background: linear-gradient(to right,  #efefef 0%,#ffffff 50%,#cecece 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cecece',GradientType=1 ); /* IE6-8 */

}

header.style2 #logo a, header.style2 a#logo {
	background: none;
	border-bottom: none;
}


header.style2 #logo a:after, header.style2 a#logo:after {
	  border: none;
}

header.style1, header.style2 #logo a, header.style2 a#logo, header.style3 #logo a, header.style3 a#logo, .tabs_style1 > ul.nav > li.active > a {
  border-top: transparent !important;
}

nav#main_menu > ul.sf-menu > li > a {
	  color: #303030;
}

nav#main_menu > ul.sf-menu > li.active > a, nav#main_menu > ul.sf-menu > li > a:hover, nav#main_menu > ul.sf-menu > li:hover > a {
	  color: #ffffff;
}

#action_box99 {
  background-color: #454545 !important;
}

.action_box h4.text {
	font-size: 21px;
}



p {
	font-size: 14px;
}

.bottommargin {
	margin-bottom: 60px;
}

.topmargin {
	margin-top: 60px;
}

.gray-area {
background-image: url("/img/imgbg.jpg");

}

.gray-area .m_title {
	  color: #FFFFFF !important;
	  text-shadow: none;
}

.gray-area p {
	  color: #C3C3C3;
}

.recentwork_carousel li .details h4 {
		  color: #FFFFFF !important;
}

.partext {
	text-align: justify;
	  font-size: 15px;
}

body.res1170 .process_steps .step1 > h3 {
  font-size: 14px;
}

body.res1170 .process_steps .step2 > h3 {
  font-size: 14px;
}

body.res1170 .process_steps .step3 > h3 {
  font-size: 14px;
}

.services_box.style2 .box .title {
  font-size: 22px;
  margin-bottom: 30px;
  line-height: 1.2;
}

.services_box .title {
	  font-size: 21px;
	    line-height: 1.2;
}

ul.sigFreeClassic li.sigFreeThumb {
	  margin: 0 24px 24px 0;
}



#mainbody a {
  color: #0b007f;
}

#mainbody .text {
	  color: #FFFFFF;
}

ul > li {
	font-size: 15px;
}

.tabbable ul > li a {

	font-size: 13px;
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

body.res1170 .process_steps .step4 > h3 {
  font-size: 14px;
}

body.res1170 .process_steps .step1 > h3 {
  font-size: 11px;
}

body.res1170 .process_steps .step2 > h3 {
  font-size: 11px;
}

body.res1170 .process_steps .step3 > h3 {
  font-size: 11px;
}

.process_steps .step.intro > h3 strong {
	font-size: 20px;
}

}

@media only screen and (max-width: 768px) and (min-width: 668px) {
#header, #header #logo a, #header a#logo {
  height: 100px;
}

.tabbable ul > li a {

font-size: 12px;

}

}


@media only screen and (max-width: 667px) {
#header, #header #logo a, #header a#logo {
  height: 30px;
}

.tabbable ul > li a {

font-size: 11px;
  line-height: 2.5 !important;
}

.vertical_tabs.tabbable .tab-content {
	  width: 60%;
}

.vertical_tabs.tabbable .nav {
	  width: 40%;
}

}

@media only screen and (min-width: 1200px) {

#footer2 {
	margin-top: -120px;
    margin-bottom: 50px;
}

body.res1170 .iosSlider .item .caption .main_title {
    margin-bottom: 35px;
}

}


.wk-gallery-wall.margin>* {
    margin: 0 25px 25px 0;
}

.gallerymargin {
	margin-left: 40px;
    margin-top: -40px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

.iosSlider .item .caption.style2 .title_small {
    font-size: 35px !important;
}

body .iosSlider .item .caption.style3 .title_small {
    font-size: 25px !important;
}

nav#main_menu > ul.sf-menu > li > a {
    font-size: 12px;
}

  }



.testimonial_box[data-align=top] .details img {
    position: absolute;
    top: -5px;
    right: -5px;
    display: none;
}

.testimonialmodule {
	margin-bottom: 40px;
	margin-top: -10px;
}

.testimonial_box .details h6 {
    font-size: 14px;
    }

.testimonial_box blockquote {
	    font-size: 15px;
}