@import url(http://fonts.googleapis.com/css?family=Fjalla+One);

*{margin:0; padding:0;box-sizing: border-box;}

body{color:#636363; background: #F7FAF9;}



/*sample-2 page css start here*/

.item-block{width:248px;float:left;padding:5px; border:1px outset #b2acfc;text-align: center;}

.item-block>h2>a{text-decoration:none;color:#b9292a;}

.item-block>ul>li{ list-style:circle;}

.item-block>ul>li>a{padding:2px 0;display:block;color:#000;}

.item-block:hover{background:#d1d8f9;}

.item-block>ul>li>a:hover{color:#d1d1d1;}

.product-block{border:1px solid #ececec; padding:20px 0px 10px 0px; border-left:none;border-right:none;}

.item-block h3 a{display: block; min-height: 36px; line-height: 18px;}

.item-block a{display: block;text-align: center;}

.item-block h3{margin-bottom: 10px;}

.item-block .itemImgP img{width: 100%;}

.item-block 

/*sample-2 page css end here*/



.cl{clear:both;}

.header{background:#5a64d3 repeat-x; min-height:84px; padding-top: 0px;padding-bottom: 0px;}

.wrapper{margin:auto; width:984px; display: block;overflow: hidden;clear: both;}

.header .logo{float: left; width: 260px;}

.header .mid{float: left; width: 460px; margin-left: 45px;}

.header .rgt{float: right; width: 197px;}

.header .rgt ul{list-style:none; float: right;}

.header .rgt ul li{display:inline-block;}

.header .rgt ul li a{color:#fff;}

.header .rgt ul li a:hover{text-decoration:underline;}

.social_net{float:right; width:190px; margin-top: 0px; text-align: right;}

.nav{width:984px; margin:auto;}

.banner{padding-bottom: 0px; background:url(../images/banner_bg2.jpg) no-repeat center bottom #f1eeee; padding-top: 0px;}

.nav .menu{background-image: url(../images/nav_bg.jpg); background-repeat: repeat; background-position: center bottom; margin: 10px 0;border-radius:5px; padding: 0;}

.nav .menu ul{list-style-type: none; margin: 0px; padding: 0px;}

.nav .menu ul li{padding: 0 18px; display: inline-block; background:url(../images/nav_line.png) no-repeat right center;position: relative;}

.nav .menu ul li.last{padding-right:0; background:none;}

.nav .menu ul li a{color: #FFFFFF; text-decoration: none; font-size:15px; display: block; line-height: 44px; font-weight: 100; text-shadow: 0 1px 0 #00142c; font-family: Arial, Helvetica, sans-serif;}

.nav .menu ul li a:hover, .menu ul li a.active{color: #1B2F27; text-decoration: none;}

.contant_mid{width:100%;}

.contant_mid{width:100%; padding: 5px 0 20px;}

.contant_mid .wrapper .one_third{width:308px;float:left;}

.contant_mid .wrapper .two_third{width:744px;float:left;}

.contant_mid .wrapper .inner_lft{width:220px; margin-right:20px; float:left;}

.contant_mid .wrapper .inner_lft h2{margin:0;}

.contant_mid .wrapper .inner_lft ul{list-style:none; margin-top:9px; background:url(../images/inner_lft_bg.png) repeat-y right bottom; padding-bottom:80px;}

.contant_mid .wrapper .inner_lft li{list-style:none; padding:0; margin:0;}

.contant_mid .wrapper .inner_lft li a{color:#fff; font-weight:bold; background:url(../images/arrow21.png) no-repeat 0px 12px; border-bottom: 1px dotted #CCCCCC; padding: 5px 0 5px 15px; display:block; line-height:24px;margin-bottom:3px; background-color:#5a64d3;}

.contant_mid .wrapper .inner_lft ul li ul{list-style:none; margin-top:0px; background:none; padding-bottom:0;}

.contant_mid .wrapper .inner_lft ul li ul{list-style:none; margin-top:0px; background:none; line-height:24px; margin-bottom:3px; padding: 5px 0 0 10px;}
.contant_mid .wrapper .inner_lft ul li li {list-style:none;}

.contant_mid .wrapper .inner_lft ul li li a{background:url(../images/arrow3.png) no-repeat 0px 13px; line-height:20px; padding:5px 0 5px 10px; color:#666666; border-bottom:1px dotted #CCCCCC;}

.contant_mid .wrapper .inner_lft ul li li a:hover{color:#333; border-bottom:1px dotted #666;}

.contant_mid .wrapper .inner_lft li ul{line-height:24px; background:none; margin-bottom:3px; padding: 5px 0 5px 10px; border-bottom: 0; color: #014592;}

.contant_mid .wrapper .inner_rgt{width:744px; float:right; }

.contant_mid h2{font-family: 'Fjalla One', sans-serif; padding: 0px 0px 8px 0px; font-weight:normal; color:#1860ae; font-size:24px; margin-bottom: 10px; border-bottom: 1px dashed #666666;}

.contant_mid h1{font-family: 'Fjalla One', sans-serif; padding: 0px 0px 8px 0px; font-weight:normal; color:#1860ae; font-size:24px; margin-bottom: 10px; border-bottom: 1px dashed #666666;}

.contant_mid h5{font-family: 'Fjalla One', sans-serif; padding: 0px 0px 8px 0px; font-weight:normal; color:#1860ae; font-size:24px; margin-bottom: -80px; border-bottom: 1px dashed #666666;}

.contant_mid h2 span{color:#cc292f; font-family: 'Fjalla One', sans-serif; padding: 0px 0px 8px 0px; font-weight:normal; font-size:24px;}

.contant_mid h1 span{color:#cc292f; font-family: 'Fjalla One', sans-serif; padding: 0px 0px 8px 0px; font-weight:normal; font-size:24px;}

.contant_mid h4{font-family: 'Fjalla One', sans-serif; padding: 0px 0px 8px 0px; font-weight:700; color:#014592; font-size:16px; margin-bottom: 10px; border-bottom: 1px dashed #666666;}

.contant_mid p{color:#555555; font-size:13px; line-height:1.5em; text-align:justify; margin-bottom: 12px;}

.contant_mid p strong{color:#444444; font-size: 13px;}

.contant_mid .btn{background: url("../images/rd_btn.png") no-repeat scroll 0 0 transparent; float: right; font-size: 12px; height: 24px; padding: 3px 0 0 21px; width: 75px; color:#04B404; text-decoration:none;}

.mrt_1{margin-top:30px !important;}

.wrapper .col2 ul{margin: 30px 0px 0px 0px; padding: 0px;}

.wrapper .col2 ul li{font-size:14px; padding: 5px 0 5px 30px; list-style: none; background:url(../images/ok_icon.png) no-repeat left 11px;}

ul.list_1{list-style:none; margin-top:10px;}

ul.list_1 li{line-height:24px; background:url(../images/arrow2.png) no-repeat 4px 12px; margin-bottom:3px; padding: 5px 0 5px 20px; border-bottom: 1px dotted #CCCCCC; color: #323232;}

ul.list_2{list-style:none; margin: 10px 0 20px; float: left; margin-right: 30px;}

ul.list_2 li{line-height:24px; background:url(../images/arrow2.png) no-repeat 4px 8px; margin-bottom:0px; padding: 0px 0 0px 20px; color: #444444;}

.footer{background:#5a64d3; padding-bottom: 5px;}

.footer .wrapper{padding:10px 0; color:#FFFFFF;}

.footer .one_fourth{width:216px; float:left; margin-right:40px; margin-top: 45px;}

.footer .one_fourth.last{margin-right:0;}

.footer .one_fourth h2{color:#fff; font-size:20px; font-weight:100; border-bottom: 1px solid; padding-bottom: 5px; margin-bottom: 10px;}

.footer .one_fourth ul{list-style:none; margin-top:10px;}

.footer .one_fourth ul li{line-height:18px; background:url(../images/arrow.png) no-repeat 6px 8px; margin-bottom:3px; padding: 2px 0 2px 16px; color: #014592;}

.footer .one_fourth ul li a{color:#FFFFFF;}

.footer .one_fourth ul li a:hover{color:#FFFFFF; }

.footer .wrapper a{color: #415014; text-decoration: none;}

.footer .wrapper a:hover{color: #333333; text-decoration: underline;}

.footer .copyright{background:#fff; color: #00397e; padding: 5px 0;}

.footer .copyright .lft{color:#333333; float:left;}

.footer .copyright .rgt{color:#333333; float:right;}

.footer .copyright .rgt a{color: #FA5023; text-decoration: underline;}

.footer .copyright .wrapper a:hover{color: #333333; text-decoration: underline;}

table{border:1px solid #d4d1d1; border-collapse:collapse; margin-bottom:20px;}

table td{border:1px solid #d4d1d1; padding:5px 0px 0px; text-align: center;}

table td.bg1{background:#efefef;}

.contact_rgt{float:left; margin-right:0; width:300px;}

.contact_rgt .box{background:url(../images/inner_lft_bg.png) repeat-y right bottom; padding-right: 20px; padding-bottom:60px; margin-bottom: -10px; padding-top: 10px;}

.contact_rgt ul{background:none;}

.contact_rgt ul li{padding-left:38px; list-style:none; font-size: 14px; background:url(../images/footer_icon.png) no-repeat left -164px;}

.contact_rgt ul li.mobile{background-position:left -63px;}

.contact_rgt ul li.phone{background-position:left 5px;}

.contact_rgt ul li.fax{background-position:left -99px;}

.contact_rgt ul li.mail{background-position:left -133px;}

.contact_rgt ul li.web{background-position:left -24px;}

.contact_lft{float:right; width: 761px;}

.contact_lft form{padding:0; margin:0;}

.contact_lft form input, .contact_lft form textarea{border:1px solid #b5b5b5; float:left; width: 290px; margin: 10px 14px; padding: 8px 10px; font-size:14px; color:#636363; font-family:Arial, Helvetica, sans-serif;}

.contact_lft form select{border:1px solid #b5b5b5; float:left; width: 300px; margin: 10px 14px; padding: 3px 5px; font-size:14px; color:#636363; font-family:Arial, Helvetica, sans-serif;}

.contact_lft form textarea{width:620px; height:30px;}

.contact_lft form input.btn{width:82px; border:0; background:none; float:right; padding:0; height:28px; }

.footerTop{padding-bottom: 15px;}

.marquee0{margin-bottom: 30px;}

.videoYouHome iframe{width: calc(50% - 5px);float: left;}

.videoYouHome iframe:first-child{margin-right: 10px;}

.clientMove h2{margin-bottom: 10px;}

.contant_mid .wrapper .inner_lft h2{margin: 0 0 10px;}

#slider-shadow{padding-top: 10px;}

.box_skitter .image a{display: block;}

.hdrPhone{color:#F8F8F8; font-size:18px;margin-top: 4px;}

.hdrFollow{font-size:16px; color:#fff;line-height: 24px;}

.hdrFollow a { display: inline-block; vertical-align: middle; }

.hamburgerMenu{display: none; position: absolute; right: 0; bottom: 0; width: 35px;cursor: pointer;background-image: url(../images/hamburger.png);background-repeat: no-repeat;background-position: center center;height: 38px;background-size: 100%;}

.hamburgerMenu.openMenu{background-image: url(../images/hamburger-close.png);background-size: 25px;}

.hamburgerMenu img{width: 100%;}

.hdrTop{position: relative;}

.nav .menu ul li:hover .flexdropdownmenu{display: block; visibility: visible;}

.nav .menu ul li .flexdropdownmenu{z-index: 9; top: 44px; width: 260px;}

.nav .menu ul li .flexdropdownmenu li{padding: 0; background: none; display: block;}

.nav .menu ul li .flexdropdownmenu li a{width: 100%;}

.nav .menu ul li .flexdropdownmenu li a{width: 100%; font-size: 13px; line-height: 20px;}

.nav .menu ul li .flexdropdownmenu li a:hover{color: #fff;}

#slider-shadow img{width: 100%;}

.contant_mid .wrapper .inner_rgt table tr td{padding: 5px 10px;}

.contant_mid .wrapper .inner_rgt table{width: 100%;}

.contant_mid .wrapper .inner_lft li a.active,.contant_mid .wrapper .inner_lft li a:hover{background: #cc292f;}

.cl { clear: both; display: block; overflow: hidden; }
.blogBox a{display: inline-block;}
.blogBox img{width: 100%;}
.blogBox{text-align: left;}
.blogPage .item-block{width: 32.3%;margin: 0 15px 15px 0px;}
.blogPage .item-block:nth-of-type(3n){margin-right: 0px;}
.contant_mid .blogBox h2{font-weight: 600;padding: 10px 0;font-size: 20px;}
.blogContent img{width: 350px;float: right;margin: 0 0 15px 15px;padding: 5px;border: 1px outset #b2acfc;}








/* class="mobileSingleImg" */







/* Media */

@media(min-width: 992px) and (max-width: 1199px){
	.wrapper,.nav{width: 960px;}
	.footer .one_fourth{width: 210px;margin-top: 25px;}
	.contant_mid .wrapper .two_third{width: 720px;}
	.contant_mid .wrapper .inner_rgt{width: 720px;}
	.item-block{width: 240px;}
	.blogPage .item-block{width: 32.1%;}
}

@media(max-width: 1199px){

}

@media(min-width: 768px) and (max-width: 991px){
	.wrapper,.nav{width: 740px;}
	.contant_mid .wrapper .two_third{width: 500px;}	
	.contant_mid .wrapper .inner_rgt{width: 500px;}
	.nav .menu ul li{padding: 0 5px;}
	.blogPage .item-block{width: 31.8%;}
}

@media(max-width: 991px){
	.footer .one_fourth{margin: 0 0 20px;width: calc(50% - 10px);}
	.footer .one_fourth:nth-child(2n){margin-left: 20px;}
	.footer .one_fourth.last{margin-bottom: 0;}
	.footerTop{padding: 15px 0;}
	.fixed-width-wrapper{width: 100%;}
	#slider-shadow{padding-left: 15px;padding-right: 15px;}
	.box_skitter_home{width:100%;}
	.container_skitter{width:99%;}
	.contact_lft{width: 100%;}
}

@media(max-width: 767px){
	.wrapper,.contant_mid .wrapper,.footer .wrapper,.nav{width: 100%;padding-left: 15px;padding-right: 15px;}
	.fixed-width-wrapper{width: 100%;}
	.box_skitter_home, .container_skitter, .box_skitter .image img, .box_skitter .box_clone img{width: 100%;}
	.nav .menu{width: 100%;}
	.nav{width: 100%;}
	.contant_mid .wrapper .two_third{width: 100%;}
	.box_skitter .container_skitter{width: 100% !important;}
	.footer .copyright .lft{width: 100%;}
	.footer .copyright .rgt{width: 100%;}
	.footer .copyright{text-align: center;}
	.contant_mid .wrapper .inner_lft{width: 100%;margin-right: 0px;}
	.contant_mid .wrapper .inner_lft ul{background: none;padding-bottom: 30px;}
	.item-block{width: 50%;}
	.nav .menu ul li{padding: 0 13px;}
	.contant_mid .wrapper .inner_rgt{width: 100%;}
	.contact_lft form input, .contact_lft form textarea{margin: 0 0 15px;width: 100%;}
	.blogPage .item-block{width: 48%;}
	.blogPage .item-block:nth-of-type(3n){margin-right: 15px;}
	.blogPage .item-block:nth-of-type(2n){margin-right: 0px;}
	.blogContent img{width: 280px;}
}

@media(max-width: 575px){
	.footer .one_fourth{margin: 0 0 20px;width: 100%;}
	.footer .one_fourth:nth-child(2n){margin-left: 0px;}
	.videoYouHome iframe{width: 100%;}
	.videoYouHome iframe:first-child{margin: 0 0 10px;}
	.item-block{width: 100%;}
	.item-block h3 a{font-size: 18px;min-height: 18px;}
	.item-block .itemImgP img{height: auto;}
	#slider-shadow{background-image: none;}
	.header .logo{width: 100%;text-align: center;}
	.header .rgt{float: none; width: 206px; margin: 0 auto; text-align: center; clear: both;padding: 10px 0 5px;}
	.header .rgt ul{float: none;}
	.social_net.hdrFollow{float: none;text-align: center;}
	.hamburgerMenu{display: block;}
	.nav .menu ul li{padding: 0; width: 100%; background: none;}
	.nav .menu ul li a{line-height: 35px;padding: 0 15px;display: block;}
	.nav .menu ul li .flexdropdownmenu{display: block;visibility: visible;width: 100%;position: static;padding: 0 20px;}
	.nav .menu ul li .flexdropdownmenu a{padding: 3px 0px;}
	.nav .menu ul li .flexdropdownmenu li a:hover{background: none;color: #000;}
	.nav .menu ul > li a{border-bottom: 1px solid #999fe1;}
	div.nav{display: none;}
	.twoColmnImg img{width: 123px !important;height: auto;}
	.mobileSingleImg img{width: 100%;height: auto;}
	.hamburgerMenu{display: inline-block;}
	.blogPage .item-block{width: 100%;margin: 0 0 15px;}
	.blogContent img{width: 100%;margin: 0 0 15px;}
}