/* copyright mars web solution */

/*--
	Theme Name: seosonkart
	Version: 1
	Author: Muhammed junaid
	Website: http://www..com/
--*/



body{ margin:0 auto; padding:0; /*background:url(images/bg.jpg) repeat;*/ background:#EEE;}



           /* ============================= index ======================= */	

#wrapper1{width:1183px;margin:0px auto 0px auto; background:#FFF; padding:20px 20px 0 20px;}
#wrapper2{width:1183px; min-height: 806px; margin:0px auto 0px auto; background:#FFF; padding:20px 20px 0 20px;}
#wrapper{width:1183px; min-height: 1759px; margin:0px auto 0px auto; background:#FFF; padding:20px 20px 0 20px;}
#header{width:100%; height:120px;}
.logo{width:465px; height:auto; float:left; }
.logo img{width:auto; float:left; margin:0px 0 5px 0px; border:none;}
.header-hed{width:375px; height:auto; float:left;}
.header-hed h1{font-family: 'Anton', sans-serif; margin:13px 0 0 0; font-size:50px; float:left; color:#71974d; text-transform:uppercase; line-height:18px;font-weight:200;}
.hed-text{font-size:20px; color:#000000;}
.header-button{width:325px; height:auto; float:right; margin-top:50px;}
.header-button ul{margin:20px 0 0 45px; padding:0;}
.header-button li {
	 margin:0;
	 padding:0;
     background: url(images/bg-li-categories.gif) bottom repeat-x;
	 list-style: disc;
     list-style-type: none;
}
.header-button li a:hover {
   
   color: #98cd2b;
}

.header-button li a:hover span {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.header-button li a span {
    display: inline-block;
    width: 14px;
    height: 13px;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    vertical-align: middle;
    margin-right: 10px;
}

#tagline {
	margin:55px 0 0 0;
	float:right;
	bottom:0;
	font-family:'Roboto', arial;
	font-size:22px;
	color:#006BB0;
	text-align:right;
	text-shadow:1px 1px 1px #e2e2e2;
}
.header-button li a {
   color: #969284;
   font-size: 12px;
   text-decoration: none;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   padding: 3px 0px 3px 4px;
   display: block;
   font-family:Arial, Helvetica, sans-serif;
   margin: 0 0 7px 0;
   text-transform: uppercase;
}
#menu{width:100%; height:54px; background:url(images/memu_bg.jpg) repeat-x; margin-bottom:9px; }
#nav {
    display:inline-block;

    margin:-8px auto;


 
 
}
#nav li {
    float:left;
    position:relative;
    list-style:none;
}
#nav a {
    font-weight:bold;
    color:#FFF;
    text-decoration:none;
    display:block;
    padding:12px 20px;
	font-size:17px;
	text-shadow:none;
	display:block;
	font-weight:400;
    font-family: 'Open Sans', sans-serif;
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#EEE;
    color:#000;
    border-top: 1px solid rgba(248, 248, 248, 0.52);

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
	box-shadow: none;
}
#nav ul li a:hover {
    background:url(images/memu_bg.jpg) repeat 0 -100px;
    color:#fff;

}

#nav ul li:first-child > a {
   
}
#nav ul li:last-child > a {
  
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:179px;
    position:absolute;
    background:#93cb48;
  
    z-index: 999999999;
	top: 50px;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:160px;
    top:0px;
}
#menu-hed{width:342px; height:84px; background:#454545; float:right;}
#menu-hed h2{ color: #fff; font-size: 35px; font-family: 'Open Sans', sans-serif; font-weight:100; text-align:center; margin:0; line-height:84px;}
#slider_wrap{width:100%; height:400px; background-color:#f7f8f0;  margin-bottom:5px;}
.slider-box{width:840px; height:400px; float:left;}
.slider {width:1183px;height:421px; background:url(images/slider-loade.gif) no-repeat center center;}
.items {display:none;}
.banner {width:1024px;height:421px;position:absolute;right:0px;top:0 ;z-index:999;overflow:hidden;}
.banner .banners-padding {
	padding:20px; 
	margin:207px 0 0 0;
	background:url(images/banner-bg.png) repeat center top; 
	width:290px; 
	height:99px;  
	color:#fff;
	text-transform:uppercase; 
	font-family:'Oswald',sans-serif;
	position:relative;
	z-index:6;
	}
.banner .banners-left {float:left;}
.banner .banners-title {font-size:36px; line-height:36px; color:#fff; font-weight:400; text-transform:uppercase;}
.banner .banners-title a {color:#fff; text-decoration:none;}
.banner .banners-title a:hover {color:#ccc;}
.banner .banners-slog {font-size:30px; line-height:normal; margin-top:-10px; }
.banner .banners-price {font-size:24px; line-height:normal; margin-top:-4px;}
.pagination {position:absolute; bottom:5%; z-index:3;left:45%;}
.pagination li {float:left; overflow:hidden; float:left; position:relative; margin-right:1px;}
.pagination li.last{ margin-right:0;}
.pagination li a { width:10px; height:10px; display:block; margin: 0 0px; text-indent:-999px; background:url(images/pag-li.png) right  top  no-repeat; }
.pagination li.current{ background-position:-12px 0;}
.pagination li a:hover,
.pagination li.current a {background-position:0 0;}
.pagination li.current a {cursor:default;}
.slider-wrap .extra-link {position:absolute; height:100%; width:100%; z-index:5; left:0; top:0;}
.slider-wrap{position:relative;}

.our-news_box{width:280px;padding-right:10px; height:auto; float:right; margin-top:25px}
.border-1 {
background: url(images/border-1.gif) repeat-x 0 bottom;
   width: 100%;
   height: 2px;
margin:23px 0 5px 0;
}
.our-news_box h5{font-family: 'Anton', sans-serif; margin:0px 0 10px 0; font-size:17px;  color:#e79f10; text-transform:uppercase;  line-height:20px;font-weight:200;}
.our-news_box h3{font-family: 'Anton', sans-serif; margin:0px 0 15px 0; font-size:17px;  color:#93cb48; text-transform:uppercase;  line-height:35px;font-weight:200;}
.our-news_box h4{font-family: 'Anton', sans-serif; margin:0px 0 5px 0; font-size:17px; color:#93cb48; text-transform:uppercase;  line-height:35px;font-weight:200;
background:url(images/f_demi_icn_03.png) no-repeat 1px 50px; padding:0 0 60px 0; }
.our-news_box  p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#969284; font-weight:100;}
.our-news_box  a{padding:5px 12px;text-decoration: none; background-color:#93cb48; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#969284; font-weight:100; margin-top:15px; float:left;}

#content_wrap-col-6 {
width: 100%;
min-height: 721px;
margin-bottom: 20px;
}
.our-news_box a:hover{background-color: #3b6f03; text-decoration:underline;}
#content_wrap-col-4{width:100%; height: auto;  margin-bottom:20px;}
#content_wrap-col-2{width:100%; height: 937px;  margin-bottom:20px;}
#content_wrap-col-8{width:100%; height: 715px;  margin-bottom:20px;}
#content_wrap-col-3{width:100%; height: 590px;  margin-bottom:20px;}
#content_wrap-col-5{width:100%; height: 205px;  margin-bottom:20px;}
#content_wrap{width:100%; height: 1035px;  margin-bottom:20px;}
.welcome_box{width:837px; height:auto; background-color:#fcfcfc; padding:20px 25px; float:left;border:1px solid #f0f0f0;}
.welcome_box h2{font-family: 'Anton', sans-serif; margin:0px 0 15px 0; font-size:30px;  color:#09C; text-transform:uppercase;  line-height:28px;font-weight:200;}
.wel-text{font-size:28px;color:#525252;}
.welcome_box h3{font-family: 'Fenix', sans-serif; margin: 10px 0 15px 0; font-size:18px;  color:#09C; line-height:26px;}
.wel-text{font-size:25px;color:#525252;}
.welcome_box p{font-family:'Roboto', Helvetica, sans-serif;line-height: 24px; font-size:14px; color:#444; font-weight:normal;}
.welcome_box a{padding:5px 12px;text-decoration: none; background-color:#4f4d3b; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#969284; font-weight:100; margin-top:15px; float:right;}
.welcome_box a:hover{
background-color: #282613;text-decoration:underline;}

.l-products{width:293px; height:465px; background-color:#FFF; padding:0px 0px 0 60px; float:left; overflow:hidden;}
.l-products h3{font-family: 'Anton', sans-serif; margin:20px 0 15px 0; font-size:35px;  color:#93cb48; text-transform:uppercase;  line-height:28px;font-weight:200;}
.content-aside{width:290px; height:465px; padding:20px 0 0 0; float:right;}
#popular_services h2{font-family: 'Anton', sans-serif; margin:20px 0 15px 0; font-size:30px;  color:#93cb48; text-transform:uppercase;  line-height:28px;font-weight:200;}
#home-img h1{font-family: 'Anton', sans-serif; margin:20px 0 15px 0; font-size:30px;  color:#93cb48; text-transform:uppercase;  line-height:28px;font-weight:200; text-align:l;}
.content-aside p{font-family:Arial, Helvetica, sans-serif;line-height: 20px; font-size:14px; color:#969284; font-weight:100;}
.content-aside a{padding:5px 12px;text-decoration: none; background-color:#93cb48; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#969284; font-weight:100; margin-top:15px; margin-right: 155px; margin-bottom:55px;float:left;}
.content-aside a:hover{background-color: #3b6f03; text-decoration:underline;}
.content-bottom-box{width:92%; height:auto; background:#F7F8FD; padding:45px; float:left; margin-top:20px;}
.content-bottom-box-l{width:45%; height:auto;  float:left; }
.content-bottom-box-r{width:45%; height:auto;  float:right; }
.content-bottom-box h1{font-family: 'Anton', sans-serif; margin:0px 0 15px 0; font-size:35px;  color:#93cb48; text-transform:uppercase;  line-height:28px;font-weight:200;text-align: left;}
.content-bottom-box img{width:auto;  float:left;}

.content-bottom-box h3{
font-family: 'Anton', sans-serif;
margin: 5px 0 3px 15px;
font-size: 15px;
color: #e79f10;
width:57%;
text-transform: uppercase;
line-height: 17px;
font-weight: 200; float:left;}
.content-bottom-box p{font-family:Arial, Helvetica, sans-serif;line-height: 20px; font-size:14px; color:#969284; font-weight:100;width: 56%; float: left; margin:5px 0 0 15px}
.bottom-buttn:hover{
background-color: #c29908; text-decoration:underline;} 
.bottom-buttn{
padding: 5px 12px;
text-decoration: none;
background-color: #edc742 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
color: #FFF !important;
font-weight: 100;
margin-top: 20px;
margin-left:15px;
float: left;
}
.footer-fr{float:left;}
#footer{width:100%;height:153px; margin-top:20px; background:url(images/footer_bg.jpg) repeat-x; padding:10px 0;}
.footer-box{width:265px ; height:130px; border-right:dashed 1px #CCC; float:left}
#footer ul{margin:30px 0 0 20px ; padding:0; text-align:left;}
#footer li{margin:0 ; padding:0;}
#footer li a{text-decoration:none;font-family: 'Open Sans', sans-serif;line-height: 25px;  font-size:14px; color:#FFF;display:block;}
#footer li a:hover{text-decoration:underline;}
#footer h2{color: #fff;
font-size: 28px;
font-family: 'Fenix', sans-serif;
font-weight: 100;
text-align: center;
margin: 0;
line-height: 84px;}
#copyright{width:auto; height:50px;}
#copyright ul{margin:0; width:100%; padding:0; float:left;}
#copyright li{margin:0; padding:0; float:left; padding:10px 12px; }
#copyright a{color: #719c38; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:13px}
#copyright li:hover a{text-decoration:underline;}
#copyright h3{font-size: 12px;
line-height: 1.25em;
text-transform: uppercase;
color: #a19e96;
margin-left:12px; float:left;}

#socic{

   margin: 0 0 0 25px;
  border-radius:10px 10px 10px 10px;
  height:35;

  padding: 10px 10px 10px 96px;

  display:inline;
   }
img.sty2:hover{
  background-color:#ffffff;
  -moz-box-shadow:0px 0px 3px 5px #ffffff;
  -webkit-box-shadow:0px 3px 0px 5px #ffffff;
   box-shadow:0px 0px 3px 5px #ffffff;
   border-radius:6px 6px 6px 6px;
   -webkit-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;
    transition: all 1s ease;                       
                        }
						
						
						
/*==========about==============*/	

.about_box{width:92%; background-color:#f9f8f1; padding:20px 45px; float:left;}

.about_box h2{font-family: 'Anton', sans-serif; margin:0px 0 15px 0; font-size:35px;  color:#93cb48; text-transform:uppercase;  line-height:28px;font-weight:200;}
.about_box h3{font-family: 'Anton', sans-serif; margin: 10px 0 15px 0; font-size:15px;  color:#a7a5a0; text-transform:uppercase;  line-height:22px;font-weight:200;}
.about_box p{font-family:Arial, Helvetica, sans-serif;line-height: 22px; font-size:14px; color:#969284; font-weight:100;margin: 0px 0 7px 0;}
.content-bottom-box-r ul{margin: 0 0 0 50px; padding:0;}
.content-bottom-box-r li{margin:0; padding:6px 0 6px 30px; background:url(images/a-categories2.png) 6px -23px  no-repeat;}
.content-bottom-box-r a{text-decoration:none;font-family: 'Open Sans', sans-serif;color: #969284; font-size:17px;}
.content-bottom-box-r li:hover{ background:url(images/a-categories2.png) 6px 11px  no-repeat; color: #0F0;}
.content-bottom-box-r li:hover a{color:#98cd2b;}
#cetification-box{height:auto; float:left; padding: 20px 45px; width:1100px;}
#cetification-box h2{font-family: 'Anton', sans-serif; margin:0px 0 15px 0; font-size:35px;  color:#93cb48; text-transform:uppercase;  line-height:28px;font-weight:200;}
#cetification-box h3{font-family: 'Anton', sans-serif; margin: 10px 0 15px 0; font-size:15px;  color:#a7a5a0; text-transform:uppercase;  line-height:17px;font-weight:200;}
#cetification-box p{font-family:Arial, Helvetica, sans-serif;line-height: 20px; font-size:14px; color:#969284; font-weight:100;margin: 0px 0 7px 0;}
#cetification-box ul{width:300px; height:auto; margin:0; padding:0; margin-bottom:20px;}
#cetification-box li{margin:0; padding:6px 0 6px 30px; background:url(images/a-categories2.png) 6px -23px  no-repeat; text-decoration:none;font-family: 'Open Sans', sans-serif;color: #969284; font-size:15px;}
#cetification-box img{width:255px; height:auto; float:right;}

.bottom-box-pera {
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
font-size: 14px;
color: #969284;
font-weight: 100;
width: 480px;
float: left;
margin: 5px 0 0 0px;
}

/*==========product==============*/
.product-wrap{width:95.6%; min-height: 1310px;background: rgba(2, 2, 2, 0.06); padding:15px 25px;}
.product-wrap-nav{width:320px; height:auto; margin: 0 10px 0 0;}


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*::-moz-selection {
    background: #F26D5E;
    color: white;
}
/* CSS reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	
}
fieldset,img { 
	border:0;
}
ol,ul {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	margin: 0 0 25px;
}
/* General Demo Style */

.ie7 body{
	overflow:hidden;
}
a{
	text-decoration: none;
	outline:none;
}
.container{
	width: 100%;
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	padding: 20px 30px 10px 30px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
}
.container > header h1{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 35px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: #186f8f;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    padding: 0px 0px 5px 0px;
}
.container > header h1 span{
	color: #2ea2cd;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.container > header h2, p.info{
	font-size: 16px;
	font-style: italic;
	color: #4a3124;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
}
#container_buttons{
	width: 300px;
	margin: 0px;
	background: rgba(255,255,255,0.3);
	
	border-radius: 20px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.09) inset;
}

.container_buttons-two{
	width: 400px !important;
	
}

.toggle {
	background-color:#95be4a;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-align: left;
	text-decoration:none;
	color:#fff;
	position:relative;
	border-left: solid 1px #77A065;
	margin-left:35px;
	background-image: linear-gradient(bottom, rgb(112,164,54) 0%, rgb(149,190,74) 100%);
	background-image: -o-linear-gradient(bottom, rgb(112,164,54) 0%, rgb(149,190,74) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(112,164,54) 0%, rgb(149,190,74) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(112,164,54) 0%, rgb(149,190,74) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(112,164,54) 0%, rgb(149,190,74) 100%);
	width: 90%;
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(112,164,54)),
	color-stop(1, rgb(149,190,74))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #8cb744, 0px 5px 0px 0px #0D6200, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #8cb744, 0px 5px 0px 0px #0D6200, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #8cb744, 0px 5px 0px 0px #0D6200, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #8cb744, 0px 5px 0px 0px #0D6200, 0px 10px 5px #999;
}

.toggle:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(227,137,0) 0%, rgb(236,183,43) 100%);
	background-image: -o-linear-gradient(bottom, rgb(227,137,0) 0%, rgb(236,183,43) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(227,137,0) 0%, rgb(236,183,43) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(227,137,0) 0%, rgb(236,183,43) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(227,137,0) 0%, rgb(236,183,43) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}
.toggle a:hover{color:#e79e13;}
.toggle::before {
	background-color:#9e79f14;
	content:"\00BB";
	text-align: center;
	width:35px;
	max-height:29px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:8px;
	top:0px;
	left:-36px;
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-shadow: 1px 1px 0px #343434;
    border-right: solid 1px #6C6C6C;
	background-image: linear-gradient(bottom, rgb(227,137,0) 0%, rgb(236,183,43) 100%);
	background-image: -o-linear-gradient(bottom, rgb(227,137,0) 0%, rgb(236,183,43) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(227,137,0) 0%, rgb(236,183,43) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(227,137,0) 0%, rgb(236,183,43) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(227,137,0) 0%, rgb(236,183,43) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(227,137,0)),
	color-stop(1, rgb(236,183,43))
	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #FFB918, 0px 5px 0px 0px #734B00, 0px 10px 5px #D3D3D3;
	-moz-box-shadow: inset 0px 1px 0px #FFB918, 0px 5px 0px 0px #734B00, 0px 10px 5px #D3D3D3;
	-o-box-shadow: inset 0px 1px 0px #FFB918, 0px 5px 0px 0px #734B00, 0px 10px 5px #D3D3D3;
	box-shadow: inset 0px 1px 0px #FFB918, 0px 5px 0px 0px #734B00, 0px 10px 5px #D3D3D3;
}

.toggle:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}

li p {
	display: none;
	padding: 10px 20px;
}

li p:target{
	display:block;
}
.toggle-a-b{background: none !important;}
.toggle a {
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	font-weight:400;
	padding: 10.5px 20px;
	background:url(images/a-categories2.png) no-repeat -1px -22px;
}

li{
	margin:10px;
}

em a{color:#4A3124}

.product-content-box1{width:97%; height:auto; padding:20px; float:right; background-color:#FFF; margin-top: 9px;
}


.product-content-box{width:97%; height:auto; padding:20px; float:right; background-color:#FFF; margin-top: 9px;
}
.product-content-box-two{width:58% !important; }


.product-content-box h2, .product-content-box1 h2{font-family: 'Anton', sans-serif; margin:0px 0 15px 0; font-size:35px;  color:#93cb48; text-transform:uppercase;  line-height:28px;font-weight:200;}
.product-content-box p,.product-content-box1 p{font-family:'Roboto';line-height: 22px; font-size:15px; color:#444; font-weight:normal;margin: 0px 0 7px 0; line-height:22px;}

#example2{}

.list-p {
display: block;
}
.product-content-box hr{border: 1px dashed rgba(0, 0, 0, 0.29);
margin: 20px 0 5px 0;}

#example2 img{margin:0; padding:0; border:0; width:auto;}


.download-wrap{

	/* How pronounced should the 3D effects be */
	perspective: 800px;
	-webkit-perspective: 800px;

	background:none;
	width: 112px;
    height: 100px;
	margin:0 ;
	border-radius:6px;
	position:relative;
}

.iphone-front,
.iphone-back{

	/* Enable 3D transforms */
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;

	/* We are using two separate divs for the front and back of the
	   phone. This will hide the divs when they are flipped, so that the
	   opposite side can be seen:  */

	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;

	width:90px;
	height:80px;

	position:absolute;
	top: 179px;
    left: 108px;
	margin:-166px 0 0 -100px;

	background:url(images/d-icon.png) no-repeat left center;

	/* Animate the transitions */
	transition:0.8s;
}

.iphone-back{

	/* The back side is flipped 180 deg by default */
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);

	background-position:right center;
}

.download-wrap:hover .iphone-front{
	/* When the container is hovered, flip the front side and hide it .. */
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
}

.download-wrap:hover .iphone-back{
	/* .. at the same time flip the back side into visibility */
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
}
.box{width:9px;
 height:10px; background-color:#06F;
 transition:All 1s ease-in-out;
-webkit-transition:All 1s ease-in-out;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
float:left;
}
.download-wrap:hover .box{height:50px;}
.box1{width:9px;
 height:10px; background-color:#06F;
 transition:All 2s ease-in-out;
-webkit-transition:All 2s ease-in-out;
-moz-transition:All 1s ease;
float:left;
-o-transition:All 1s ease;
}
.download-wrap:hover .box1{height:80px;}
.box2{width:9px;
 height:10px; background-color:#06F;
 transition:All 1.5s ease-in-out;
 -webkit-transition:All 1.5s ease-in-out;
 -moz-transition:All 1s ease;
 float:left;
 -o-transition:All 1s ease;
}
.download-wrap:hover .box2{height:55px;}
.box3{width:9px;
 height:10px; background-color:#06F;
 transition:All .5s ease-in-out;
-webkit-transition:All .5s ease-in-out;
float:left;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.download-wrap:hover .box3{height:50px;}


.product-content-box h4{
font-family: 'Anton', sans-serif;
margin: 10px 0 15px 0;
font-size: 15px;
color: #a7a5a0;
text-transform: uppercase;
line-height: 17px;
font-weight: 200;}
.product-content-box ul{ margin:0; padding:0;}
.product-content-box li{margin:0; padding:6px 0 6px 30px; background:url(images/a-categories2.png) 5px 10px  no-repeat;font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
font-size: 14px;
color: #969284;
font-weight: 100;}

#cetification-box a{padding: 7px 15px 7px 45px;
 background-color:#9C0;text-decoration:none;font-family: 'Open Sans', sans-serif;line-height: 25px;  font-size:16px; color:#FFF;font-weight:600; display:block; width:auto; float:left; margin:15px 15px 15px 5px; background-image:url(images/d-icon2.png);background-repeat: no-repeat ; background-position:1px 2px; font-weight:400;transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s; }
 #cetification-box a:hover{ background-image:url(images/d-icon2.png);background-repeat: no-repeat ; background-position:5px 10px; padding: 7px 15px 7px 15px;}
 
 
 /*==========contact==============*/
.map-wrap{width:100%; height:auto; margin:0; }
.map{width:100%; height:200px; margin:0; margin: 0 0 40px 0;
 }
 
 .info {
display: inline-block;
}

address {
margin: 18px 0 0 0;
margin-bottom: 12px;
}
.c-addresses {
	width:35%;
	float:right;
display: block;
margin-bottom: 20px;
font-style: normal;
line-height: 20px;
padding:30px;
background:#fff;
}
.c-addresses strong {
color: #666;
}

.c-addresses  p {
font-family:'Roboto';line-height: 20px; font-size:14px; line-height:30px; color:#444; font-weight:normal;margin: 0px 0 7px 0;
}
.map-wrap h2{font-family: 'Anton', sans-serif; margin:0px 0 15px 0; font-size:35px;  color:#93cb48; text-transform:uppercase;  line-height:28px;font-weight:200;}
.c-form { width:53%; height:auto; margin:0; background:#fff; padding:20px}


#contact-form input[type="text"],
#contact-form input[type="number"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
    font:400 12px/12px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact-form {
    text-shadow:0 1px 0 #FFF;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background:none;
    padding: 2px 0px 2px 2px;
}
#contact-form h3 {
    color:#991D57;
    display:block;
    font-size:28px;
}
#contact-form h4 {
    margin:5px 0 15px;
    display:block;
    font-size:13px;
}
#contact-form label span {
    cursor:pointer;
    color:#97486b;
    display:block;
	width: 120px;
    float: left;
    margin:5px 0;
	font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:900;
}
#contact-form input[type="text"],
#contact-form input[type="number"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
    width:70%;
    box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    border:1px solid #CCC;
    background:#FFF;
    margin:0 0 5px;
    padding:10px;
    border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="number"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
    -webkit-transition:border-color 0.3s ease-in-out;
    -moz-transition:border-color 0.3s ease-in-out;
    transition:border-color 0.3s ease-in-out;
    border:1px solid #AAA;
}
#contact-form textarea {
    height:100px;
    max-width:100%;
}
#contact-form button[type="submit"] {
    cursor:pointer;
    width:20%;
    border:none;
    background:#C32828;
    background-image:linear-gradient(bottom, #c33e2c 0%, #ff624d 52%);
    background-image:-moz-linear-gradient(bottom, #c33e2c 0%, #ff624d 52%);
    background-image:-webkit-linear-gradient(bottom, #c33e2c 0%, #ff624d 52%);
    color:#FFF;
    margin:0 120px 5px;
    padding:10px;
}
#contact-form button[type="submit"]:hover {
    background-image:linear-gradient(bottom, #ff624d  0%, #c33e2c 52%);
    background-image:-moz-linear-gradient(bottom, #ff624d  0%, #c33e2c 52%);
    background-image:-webkit-linear-gradient(bottom, #ff624d  0%, #c33e2c 52%);
    -webkit-transition:background 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
    outline:0;
    border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

.product-w {
width: 751px;
height: auto;
background-color: #f9f8f1;
padding: 20px 45px;
float: left;
}
.product-w h2{font-family: 'Anton', sans-serif; margin:0px 0 15px 0; font-size:35px;  color:#93cb48; text-transform:uppercase;  line-height:28px;font-weight:200;}

.testi-wrap-nav {
width: 1130px;
height: auto;
margin: 0 10px 0 0;
}
.testi-wrap-nav h2{font-family: 'Anton', sans-serif; margin:0px 0 15px 0; font-size:35px;  color:#93cb48; text-transform:uppercase;  line-height:28px;font-weight:200;}
.testi-wrap-nav p{font-family:Arial, Helvetica, sans-serif;line-height: 20px; font-size:14px; color:#969284; font-weight:100;margin: 0px 0 7px 0;}
.testi-box{width:85%; height:auto; margin:5px; background:#FFF; padding:20px; min-height:120px;}
.testi-box img {width:auto; float:left; margin:0px 15px 0px 0}

#popular_services {
	float:left;
	margin:0px 0 0 20px;
	padding:0 0 0 0;
	width:250px;
}
#rhs_container {
	float:right;
	margin:0 0 0 0;
	width:250px;
	padding:0 0 0 0;
}
#rhs_container ul {
	margin:0 0 15px 0;
	padding:0;
}
#rhs_container li, .active1  {
	list-style:none;
	margin:10px 0px;
	background:#FFF;
	font-family:'MyriadPro-Cond', arial;
	font-size:20px;
	color:#F9567B;
	text-align:left;
}
#rhs_container li a{
    font-size: 17px;
	display:block;
	padding:8px;
	background:#FFF;
	color:#666;
	text-decoration:none;
	-ms-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	text-shadow:1px 1px 0px #e2e2e2;
	border:1px solid #CCC;
}
#rhs_container li a:hover, #rhs_container li .active1 {
	padding:5px 5px 5px 10px;
	background:#09C;
	color:#FFF;
	text-shadow:1px 1px 0px #333;
	box-shadow:0px 0px 9px #999;
	border:1px solid #FFF;
} 
.rhs_container_selected {
	display:block;
	padding:5px 5px 5px 10px;
	background:#fdc43e;
	color:#000;
	text-decoration:none;
	-ms-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	text-shadow:1px 1px 0px #e2e2e2;
	box-shadow:0px 0px 9px #999;
	border:1px solid #FFF;
}

#rhs_container .active1 li a { color:#FFF;}

#home-img {
	margin:20px 10px 10px 0px;
	padding:20px 0px 0px 9px;
	float:left;
	width:99%;
	border-right:1px dashed #cacaca;
	border-left:1px dashed #cacaca;
		background:#fcfcfc; border:1px solid #f0f0f0;
}


/* Post Cycle */
.post_cycle {
  padding: 0;
  margin: 0;
  position: relative;
}
#post-cycle .cycle_item {
  float: left;
  width: 270px;
  padding: 0 0 10px 0;
  margin: 0 16px 2px 0; 
  background: none;
  list-style-type: none;
  background: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display:block; margin-bottom:25px;
  

}
#post-cycle .cycle_item a {
  color: #939393;
  text-decoration: none;
  background: none;
  line-height:20px;
}
#post-cycle .cycle_item a .price-box { margin-top:20px; 
}
#post-cycle .cycle_item:hover {
}
#post-cycle .viewport {
  overflow: hidden;
  position: relative;
  min-height: 271px;
  height: auto!important;
  height: 300px;
  width:94%;
  padding:0 20px;
}
#post-cycle .overview {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
}
#post-cycle .disable {
  visibility: hidden;
}
#post-cycle .buttons-wrap {
  position: absolute;
  right: 15px;
  top: -41px;
}
#post-cycle .buttons-wrap a {
  width: 24px;
  height: 23px;
  overflow: hidden;
  float: left;
  background-repeat: no-repeat;
  background-position: left top;
  background-image:url(images/next-prev.png);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#post-cycle .buttons-wrap .next {
  margin-left: 1px;
  background-position: -24px 0;
}
#post-cycle .buttons-wrap .next:hover {
  background-position: -24px -23px;
}
#post-cycle .buttons-wrap .prev:hover {
  background-position: 0 -23px;
}
#post-cycle .featured-thumbnail {
  margin: 0;
  float: none;
  display: block;
  border: none;
  padding: 0;
  background: none;
 
}
#post-cycle .featured-thumbnail img {
  float: none;
  margin: 0;
  padding: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
   vertical-align:middle!important; padding:10px;
    border:1px #EEE solid; box-shadow: 0 0 2px 2px #eee;
}
#post-cycle .cycle_item a:hover .featured-thumbnail img {
  opacity:.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#post-cycle .excerpt {
  padding: 0px 18px 2px 18px;
}

#post-cycle .excerpt h2 {
	font-family:'Lora', arial;
	font-size:17px;
	margin-top:20px;
	color:#09C;
	font-weight:normal;
	text-align:center;
	margin:0 0 15px 0;
	padding:0 0 0 0;
	line-height:25px;
	text-shadow:1px 1px 1px #e2e2e2;
}

/* Folio Cycle */
.folio_cycle {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
}
.folio_cycle .folio_item {
  overflow: hidden;
  display: none;
}
.folio_cycle .folio_item:first {
  display: block;
}
.folio_cycle .folio_item figure.thumbnail {
  width: 270px;
  overflow: hidden;
}
#folio-controls {
  text-align: center;
  overflow: hidden;
}
#folio-controls ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#folio-controls ul li {
  padding: 0 5px 0 0;
  display: inline;
}
#folio-controls ul li a {
  display: inline-block;
  text-decoration: none;
  width: 8px;
  height: 8px;
  background: #000;
  font-size: 0;
  line-height: 0;
}
.contact{ padding-left:20px; width:350px; float:right; margin-top:-20px;}
#folio-controls ul li a:hover {
  background: #999;}
#footer p{ font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; line-height:22px; padding:-10px 20px 10px 450px;}