*{margin:0;padding:0}
body{font-family: 'Play-Regular';font-size:14px;color:#333; background:#FFF;}
img{border:none; display: block;}
p,h1,h2,h3,h4,h5,h6{padding:0;line-height:20px;margin:0}
ul{list-style:none}
a{text-decoration:none;color:#000}
a:hover{transition-duration: 1s;} 
@font-face {
    font-family: 'Play-Regular';
    src:url(../fonts/Play-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Montserrat-Regular';
    src:url(../fonts/Montserrat-Regular.ttf) format('truetype');
}
@font-face {
    font-family: "NightmarePills-DEMO";
    src:url(../fonts/NightmarePills-DEMO.ttf) format('truetype');
}
@font-face {
    font-family:"ostrich-regular";
    src:url(../fonts/ostrich-regular.ttf) format('truetype');
}
@font-face {
    font-family:"OstrichSans-Bold";
    src:url(../fonts/OstrichSans-Bold.html) format('truetype');
}
#canvas{width:100%;height:100%;overflow: hidden;position:fixed;top:0;left:0;background-color: #FFF;}

.top_head{ background:#F9F9F9; width:100%; min-height:20px; overflow:hidden; position: relative; z-index: 1;}
.top_head .head{ width:1200px; min-height:20px; margin:0 auto; overflow:hidden;}
.top_head .head strong{margin:12px 10px; float:left; color:#333; font-weight:normal;}
.top_head .head ul{margin:0; float:right;}
.top_head .head ul li{margin:8px 2px; float:left;}
.top_head .head ul li a i{ padding:5px; color:#FFF; background:#99c729; width:15px; text-align:center; border-radius:3px; font-size:14px;}
 
.navigation{width:100%; min-height:90px; background: #FFF; position: relative; z-index: 1;}
.nav_main{width:1200px; margin:0px auto; position:relative; overflow:hidden;}
.navigation .nav_main .logo{margin:0; float:left; background:#FFF; }
.mobile_menu_icon{display: none;}
.navigation .nav_main nav{width:845px; margin:0; float:right;}
.navigation .nav_main nav ul{margin:0; float:right;}
.navigation .nav_main nav ul li {margin:0px;float: left; }
.navigation .nav_main nav ul li a{color:#333;font-family: 'Play-Regular';    border-radius: 2px; font-size:17px; float:left; padding:10px 25px; box-shadow: 0 0 1px #DDD; margin:28px 2px 0 2px; background:#FFF;}
.navigation .nav_main nav ul li a:hover{background:#99c729; color:#FFF;}
 
 
.f-nav{position:fixed; top: 0; width:100%!important;z-index:99999999;background:#FFF; animation:f-nav .5s;animation-delay:.5s;animation-timing-function:ease-in;animation-fill-mode:forwards;-webkit-animation:f-nav .5s;-webkit-animation-delay:.5s;-webkit-animation-timing-function:ease-in;-webkit-animation-fill-mode:forwards;-moz-animation:f-nav .5s;-moz-animation-delay:.5s;-moz-animation-timing-function:ease-in;-moz-animation-fill-mode:forwards;opacity:0}
.f-nav{ opacity:1 \9;}
@keyframes f-nav {
0%{opacity:0;margin-top:-50px}
50%{margin-top:5px}
100%{opacity:1;margin-top:0}
}
@-webkit-keyframes f-nav {
0%{opacity:0;margin-top:-50px}
50%{margin-top:5px}
100%{opacity:1;margin-top:0}
}
@-moz-keyframes f-nav {
0%{opacity:0;margin-top:-50px}
50%{margin-top:5px}
100%{opacity:1;margin-top:0}
}
.f-nav .fixed{width:100%;height:auto;margin:auto;box-shadow: 0 0 5px #CCC;}
.f-nav .fixed .logo{width:170px!important}
.f-nav .fixed .logo img{width:209px!important}
.f-nav .fixed .h_top {margin: 0px 0px 0px 0px!important;float: right !important;}
.f-nav .fixed .navigation{margin:0px 0 0!important; min-height:inherit; border-bottom: none;}
.f-nav .fixed .navigation .nav_main nav ul li a{ margin:0;}
.f-nav .fixed .navigation .nav_main nav ul {margin: 12px 1px; }
.f-nav .fixed .navigation .nav_main nav ul li {margin: 0px 0px 0px 5px; }
 
.container{ width:1200px; margin: 20px auto; overflow: hidden; position: relative; z-index: 1;}
.main_box_bg{ width: 100%; float: left; margin: 20px 0; overflow: hidden;display: flex;justify-content: space-between;}
.main_box_bg .main_box{ padding:7px; border: 1px dashed #99c729; width: 200px; float: left; margin: 5px; background: #FFF; min-height:261px;}
.main_box_bg .main_box img{ width: 200px; height:261px; display: block; }

.heading1{ position: relative; margin:40px 0; font-size:38px; font-family: "NightmarePills-DEMO"; padding-bottom:25px; border-bottom: 1px dashed #EEE; color: #99c729; text-align: center; float: left; width: 100%;}
.heading1:after{ position:absolute; width: 80px; height:8px; background: #99c729; top:67px; left: 47%; content:"";}

.heading1 span{color: #6d6d6d;}


.we_box_bg{ width: 100%; float: left; margin: 20px 0; overflow: hidden;display: flex;justify-content: space-between;}
.we_box_bg .we_box{  transition-duration:1s;position: relative;padding:7px; text-align: center; border: 1px dashed #EEE; width: 260px; float: left; margin: 5px; background: #FFF; min-height:261px;}
.we_box_bg .we_box img{width: 100px; display: inline;}
.we_box_bg .we_box strong{width: 100%; text-align: center; color:#99c729; margin: 10px 0; font-size:21px; font-weight: normal; float: left;}
.we_box_bg .we_box p{width: 100%; text-align: center; color:#6d6d6d; margin: 10px 0; font-size: 14px; float: left;}
.left_corner { display: none; position: absolute; left:-3px; top:-3px; width: 25px; height: 25px; background: #FFF; border-left:7px solid #99c729; border-top:7px solid #99c729;}
.right_corner{ display: none; position: absolute; right:-3px; bottom:-3px; width: 25px; height: 25px; background: #FFF; border-right:7px solid #99c729; border-bottom:7px solid #99c729;}
.we_box_bg .we_box:hover .left_corner{ display: block;}
.we_box_bg .we_box:hover .right_corner{ display: block;}




.service_box_bg{ width: 100%; float: left; margin:2px 0; overflow: hidden;display: flex;justify-content: space-between;}
.service_box_bg .service_box{ padding:5px; text-align: center; border: 1px solid #EEE; width:175px; float: left; margin: 5px; background:#FFF; min-height:190px;}
.service_box_bg .service_box strong{ font-weight: normal; float: left; text-align: center; width: 100%; margin: 10px 0 0 0;}

.pricing_box_bg{ width: 100%; float: left; margin: 20px 0;  display: flex;justify-content: space-between;}
/*.pricing_box_bg .pricing_box{ padding:0 0; text-align: center; border: 1px solid #EEE; width:388px; float: left; margin: 5px; background:url(../images/pack_bg.jpg) no-repeat #FFF; min-height:250;}
.pricing_box_bg .pricing_box p{ padding:5px 15px; text-align: center; width:60px; color: #FFF; border-radius: 5px;  margin:-17px auto 5px auto; background: #6d6d6d; border: 2px solid #FFF; font-size: 15px;}
.pricing_box_bg .pricing_box strong{ font-size:28px; color: #FFF; float: left; text-align: center; margin:20px 0 10px 0; width: 100%; font-weight: normal;}
.pricing_box_bg .pricing_box span{ padding:5px 0; text-align: center; width:100%; color: #99c729; border-radius: 0;  margin:10px 0; background: #FFF; font-size: 18px; float: left;}
.pricing_box_bg .pricing_box ul{ padding:0; width:100%; margin:10px 0; float: left; background: #FFF; font-size: 14px;}
.pricing_box_bg .pricing_box ul li{text-align: left; padding:8px 0; width:100%; margin:1px 0; float: left; background: #FFF; font-size: 14px;}
.pricing_box_bg .pricing_box ul li:nth-child(odd){ background: #F9F9F9;} 
.pricing_box_bg .pricing_box a{ padding:8px 0; text-align: center; cursor: pointer; width:50%; color: #FFF; border-radius: 0; display: inline-block; margin:20px auto -20px; background: #6d6d6d; font-size: 14px;}
.pricing_box_bg .pricing_box a:hover{background: #99c729;}
.pricing_box_bg .pricing_box .fa-check{color:#99c729; float: left; margin-left: 20px; margin-right: 10px;}
.pricing_box_bg .pricing_box .fa-close{color:#eb3755; float: left; margin-left: 20px; margin-right: 10px;}
.pricing_box_bg .pricing_box .fa-hand-o-right{color:#6d6d6d; float: left; margin-left: 20px; margin-right: 10px;}
.pricing_box_bg .pricing_box ul li:hover{text-indent:5px; transition-duration: 1s;}
.pricing_box_bg h2{width:98%; padding: 1%; color: #FFF; background: #99c729; font-weight: normal; margin:15px 0; font-size:15px;}
.pricing_box_bg h2 a{color: #FFF;}
.pricing_box_bg h2 a:hover{text-decoration: underline;}*/

ul.tabs{
	margin:10px 0 30px 0;
    padding: 0px;
    list-style: none;
    float: left;
    text-align: center;
    width: 100%;
}
ul.tabs li{ 
	color: #FFF;
	background: #6d6d6d;
	display: inline-block;
	padding: 10px 30px;
	border-radius:5px;
	font-size: 17px; 
	cursor: pointer;
}

ul.tabs li.current{  
	color: #FFF;
	background: #99c729;
}

.pricing_box_bg{
	display: none; 
}

.pricing_box_bg.current{
	display: flex;
}

.pricing_box{ width: 580px; padding:0px; margin:0 5px; box-shadow: 0 0 3px #CCC; border-radius:5px; overflow: hidden; float: left;background:#F9F9F9;}
.pricing_box p{ width:560px; color: #FFF; padding: 10px; margin:0; border-bottom: 1px solid #FFF; font-size: 17px; float: left; background:#99c729;}
.pricing_box span{ width:560px; color: #FFF; padding: 10px; margin:0; float: left; background:#6d6d6d; font-size: 16px;}
.pricing_box ul{ width: 100%; padding:0px; margin:1px 0; float: left;}
.pricing_box ul li{width:560px; color: #6d6d6d; border-top: 1px dashed #CCC; padding: 10px; float: left;}
.pricing_box ul li:nth-child(odd){background:#F9F9F9;}
.pricing_box ul li:nth-child(even){background:#F5F5F5;}
.row_bold{ font-weight:bold;}


.client_box_bg{ width: 100%; float: left; margin: 20px 0; overflow: hidden;display: flex;justify-content: space-between;}
.client_box_bg .client_box{ overflow: hidden; padding:0; border: 1px solid #F5F5F5; width:175px; float: left; margin: 5px; background: #F9F9F9; min-height:120px;}
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;}

.serve_box_bg{ width: 100%; float: left; margin: 20px 0; overflow: hidden;display: flex;justify-content: space-between;}
.serve_box_bg .serve_box{ padding:5; width:80px; border: 1px solid #EEE; float: left; margin: 5px; background: #F9F9F9; height:80px;}
.serve_box_bg .serve_box img{ display: block;width:80px;height:80px;}
 

.footer_bg{ position: relative; z-index: 1; width: 100%; float: left; margin: 20px 0 0 0; overflow: hidden; background: #6d6d6d;}

.newsletter_bg{ width: 100%; background: #99c729; float: left; border-bottom: 5px solid #555;}
.newsletter{ width: 1020px; margin:14px auto;font-family: 'Montserrat-Regular'; overflow: hidden;}
.newsletter h4{ color: #FFF; margin:8px 0; float:left; font-weight: normal; font-size: 18px;}
.newsletter input[type="text"]{ border:none;float: left; padding:10px; font-size: 13px; color: #6d6d6d; width: 300px;font-family: 'Montserrat-Regular'; background: #FFF; border-radius: 5px; margin: 0 15px;}
.newsletter input[type="email"]{ border:none;float: left; padding:10px; font-size: 13px; color: #6d6d6d; width: 300px;font-family: 'Montserrat-Regular'; background: #FFF; border-radius: 5px; margin: 0 5px;}
.newsletter input[type="submit"]{ border:none;float: left; padding:10px 25px; font-size: 13px; color: #FFF; font-family: 'Montserrat-Regular'; background: #6d6d6d; border-radius: 5px; cursor: pointer; margin: 0 15px;}
.newsletter input[type="submit"]:hover{background: #eb3755;}


.footer_link{width: 1200px; margin:20px auto;}
.footer_box{width: 280px; margin:50px 10px; float: left;}
.title_footer{ font-size:20px; color: #FFF; margin-bottom: 20px;}
.menu_link_foter{float: left; width: 100%;}
.menu_link_foter li{float: left; width: 91%; padding-left:9%; margin:6px 0; position: relative;}
.menu_link_foter li a{color: #FFF;}
.menu_link_foter li a:before {
    content: '\f0a4';
    display: block;
    position: absolute;
    font-family: fontawesome;
    left: 0;
    top: 0;
}


.locion_fotr{float: left; width: 100%;}
.locion_fotr li{float: left; width: 91%; padding-left:9%; margin:6px 0; color: #FFF; position: relative;}
.locion_fotr li a{color: #FFF;}
.locion_fotr li:before {
    content: "\f041";
    font-family: fontawesome;
    display: block;
    position: absolute;
    left: 0;
    color: #FFF;
    font-size: 17px;
    top:3px;
}
.locion_fotr li:nth-child(2):before {
    content: "\f095";
}
.locion_fotr li:nth-child(3):before {
    content: "\f0e0";
    font-size: 14px;
}

.social_icon{float: left; width: 100%;}
.social_icon li{float: left; margin-right:15px; margin-top:5px; font-size: 25px; color: #FFF;}
.social_icon li a{color: #6d6d6d;background: #FFF;width: 35px;float: left;text-align: center;height: 35px;padding: 5px;border-radius: 100%;line-height: 36px;}
.social_icon li a:hover{color: #FFF;background: #99c729;}
.footer_text{width: 100%; float: left; text-align: center; color: #FFF; background: #555; }
.footer_text p{line-height:50px;}

.team_box{ width: 100%; float: left; margin: 20px 0;  display: flex;justify-content: space-between;}
.team_box .t_box{ padding:10px; text-align: center; border: 1px solid #EEE; width:250px; float: left; margin: 5px; background:#FFF; min-height:250;}
.team_box .t_box img{width:250px; float: left; margin:0px;}
.team_box .t_box strong{ color: #99c729; margin:8px 0; text-align: center; width: 100%; float:left; font-weight: normal; font-size: 18px;}
.team_box .t_box p{ color: #6d6d6d; margin:0 0 8px 0; text-align: center; width: 100%; float:left; font-weight: normal; font-size:14px;}
.team_box .t_box div i{ color: #99c729;font-size:26px; margin:0 2px}
.team_box .t_box div i:hover{ color: #6d6d6d;}



.about_us{ width: 100%; float: left; margin: 20px 0;}
.about_left{ width: 350px; float: left;}
.about_right{width: 820px; float: right;}
.about_right p{width:100%; float: left; text-align: justify; margin:0 0 10px 0; color:#6d6d6d; font-size: 14px; line-height: 20px; }
.about_right h2{width:100%; float: left; text-align: justify; margin:10px 0; color:#99c729; font-size: 17px; line-height: 20px; }



.career_area{ width:100%; float:left;  min-height:400px; margin:50px 0;} 
.career_area table{ width:550px; float:left; margin:0px; font-weight:500; font-size:18px; color:#FFF;}
.career_area table input[type="text"]{ width:510px; margin:5px 0; padding:10px 20px; border:1px solid #EEE; border-radius:5px;}
.career_area table select{ width:550px; margin:5px 0; padding:10px; border:1px solid #EEE; border-radius:5px; color:#999;}
.career_area table textarea{ width:530px; margin:5px 0; height:120px; padding:10px; border:1px solid #EEE; border-radius:5px;}

#uploadFile{ width:430px; margin:5px 0; padding:10px; border:1px solid #EEE; border-radius:5px;}
.fileUpload {position: relative;overflow: hidden;margin: 0;}
.career_area table .btn-primary{ padding:7px 20px !important;}
.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.career_area table input[type="button"]{margin:5px 0; padding:10px 20px; border:none; border-radius:5px; color:#333; background:#FFF; cursor:pointer;}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn-primary{color:#fff;background-color:#6d6d6d;border-color:#FFF}
.career_area input[type="submit"]{ border:none;float: left; padding:10px 25px; font-size: 13px; color: #FFF; background: #99c729; border-radius: 5px; cursor: pointer;}
.career_area input[type="submit"]:hover{background: #6d6d6d;}
.career_image{float: right; margin: 20px;}



.contact_area{ width: 100%; padding: 20px 0; background: #FFF; float: left;}
.contact_main{ width: 1200px; margin:auto;}
.contact_main ul{ width:100%; margin:0; float: left;}
.contact_main ul li { color: #6d6d6d; font-size: 17px;float: left;width: auto;padding: 0 30px;}
.contact_main ul li a{ color: #6d6d6d;}
.contact_main ul li:before { font-size: 20px; color: #6d6d6d; }
.map_area{ width: 100%; padding:0; float: left;}
.map_area iframe{ width: 100%; padding:0; float: left;}