@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/css?family=Teko:300,400,500,600");
@import url("https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css");

html,body{height:100%;font-family:'Nanum Gothic',sans-serif;font-size:14px;color:#333}
.floatleft{float:left}
.floatright{float:right}
.alignleft{float:left;margin-right:15px;margin-bottom:15px}
.alignright{float:right;margin-left:15px;margin-bottom:15px}
.aligncenter{display:block;margin:0 auto 15px}
a:focus{outline:0 solid}

.fix{overflow:hidden}
p{margin:0 0 15px}
h1,h2,h3,h4,h5,h6{margin:0 0 15px}
a{color:#777;text-decoration:none;transition:all .3s ease 0}
a:hover{color:#ec4445;text-decoration:none}
a:active,a:hover{outline:0 none}
.np{padding:0}
.npl{padding-left:0}
.npr{padding-right:0}
ul{margin:0;padding:0;list-style:outside none none}
.clear{clear:both}
.mb-3{margin-bottom:3%}
.mb-2{margin-bottom:2%;}

.text-14 {font-size:14px !important;}
.text-red {color:red !important;}
.blue{color:#103be8;font-size:14px}
.red {color:RED;}

.pop_up_wrap {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,0.7);
z-index: 10000;
overflow: auto;
}
.pop_up {
position: absolute;
top: 50%;left:50%;
transform: translate(-50%,-50%);
}
.pop_up img {
height: 85vh;
}
.btn_close {
position: absolute;
cursor: pointer;
top: -30px;
right: 0;
color: #fff;
}

/*=========================
2. header
===========================*/
header{}

.top_bl-1{border-left:1px solid #eaeaea;border-right:1px solid #eaeaea; }
.top_bl-2{border-right:1px solid #eaeaea}
.top_bl-1 a{ color:#1B04B3;}
.top_bl-2 a{color:#1B04B3;}
.top_bl-1 a:hover{color:#ec4445;text-decoration:none}
.top_bl-2 a:hover{color:#ec4445;text-decoration:none}
.top_menu_1{width:100%;height:39px;border-bottom:1px solid #eaeaea;background:#f9f9f9}
.top_menu_line2{ margin-right:2%;}
.top_menu_line1 ul{}
.top_menu_line1 ul li{float:left;padding:9px 13px;background:#fff;font-size:13px;}
.top_menu_line2 ul li{float:right;padding:9px 13px;font-size:12px; font-weight:bold;}
.top_menu_line2 ul li a{color:#ec4445;}

.top_menu_2{position:relative;width:100%}
.top_menu_logo{display:none;position:relative;width:100%}
.top_menu_logg_img{position:absolute;top:0;left:0;width:100%;text-align:center}
.top_menu_logg_img img{width:150px}
.main-menu_title{font-size:18px;font-weight:bold}
.main2_icon1{}
.main3_title{position:absolute;top:5%;left:0;z-index:1;width:100%}
.main3_content{padding:5%;font-size:15px;line-height:2;color:#fff;text-align:justify}
.main3_bg{z-index:0}

.logo{}
.logo a{display:block;width:135px;padding:25px 0}
.cart-and-search{margin-top:11px}
.header-search{float:right;height:80px;margin-left:15px;margin-right:-5px;margin-top:5px;line-height:80px;transition:all .2s linear 0}
span.search-button {position:absolute; top:35%;}
span.search-button i{margin-right:5px;color:#000}
.header-search input{position:relative;z-index:1;width:23px;height:auto;margin:0;padding:15px 11px;border:1px solid rgba(0,0,0,0);border-radius:0;background:rgba(0, 0, 0, 0) none repeat scroll 0 0;font-size:14px;line-height:normal;color:#444;box-shadow:none;box-sizing:border-box;cursor:pointer;transition:all .2s linear 0}
.header-search input:focus{width:150px;padding-left:20px;cursor:text}
.cart{float:right;position:relative;width:30px;margin-right:0;margin-top:36px}
.cart a{color:#000}
.header-ad-to-cart{visibility:hidden;position:absolute;top:320%;right:10px;z-index:99;width:350px;background:#fff;box-shadow:0 3px 4px 0 rgba(0,0,0,0.15);opacity:0;transition:all .3s ease 0}
.cart:hover .header-ad-to-cart{visibility:visible;top:277%;opacity:1}
.cart-head{overflow:hidden;padding:25px 15px;background:#f2f2f2 none repeat scroll 0 0}
.cart-head .name,.pro-name .name,.cart-footer .name{float:left;width:50%}
.cart-head .qty,.pro-name .qty,.cart-footer .qty{float:left;width:15%}
.cart-head .price,.pro-name .price,.cart-footer .price{float:left;width:35%}
.cart-head .name > h5,.cart-head .qty > h5,.cart-head .price > h5{font-size:13px;font-weight:bold;text-transform:uppercase}
.cart-head .price > h5{margin-left:20px}
.cart-body{}
.cart-body .name a{font-size:13px;line-height:16px}
.cart-body .qty > input{width:95%;margin-top:13px;text-align:center}
.cart-body .price > h5{margin-left:20px;margin-top:20px;font-size:13px;font-weight:bold}
.cart-body .price > h5 i{margin-left:27px}
.pro-name{overflow:hidden;padding:13px 15px}
.pro-name:hover{background:#F7F7F7}
.cart-footer{overflow:hidden;padding:18px 10px;background:#f2f2f2 none repeat scroll 0 0}
.cart-footer .name > a{padding:6px 12px;border-radius:3px;background:#ff2b42 none repeat scroll 0 0;font-size:11px;color:#fff;text-transform:uppercase}
.cart-footer .qty > h5{margin-left:2px;margin-top:3px;font-size:13px;font-weight:bold;color:#999;text-transform:uppercase}
.cart-footer .price > h5{margin-left:20px;margin-top:3px;font-size:13px;font-weight:bold}
.side-menu-icon{float:right;position:relative;top:25px;left:10px;z-index:1}
.cart-and-search{position:relative}
.cart-and-search:after{position:absolute;top:-11px;left:92%;width:740%;height:95px;background-color:#ff2b42;content:'';transform:translateX(-60px) skewX(-25deg)}
.sb-open-left > a{position:relative;left:15px;font-size:20px;color:#fff}
.cart-and-search:before{position:absolute;top:-11px;right:-777%;width:230%;height:95px;background-color:#ff2b42;content:''}
.sidr .side-search .header-search{display:block;width:100%;height:94px;margin:0;padding:0;background:#ff2b42}
.sidr .side-search .header-search span.search-button{position:absolute;top:7px;left:25px}
.sidr .side-search .header-search span.search-button i{color:#fff}
.sidr .side-search .header-search input{width:100%;height:40px;margin-top:26px;padding-left:35px;border-bottom:1px solid#ff5e6f;background:transparent;color:#fff}
.sidr .side-search .header-search input:focus{width:100%}
.side-menu{display:block;clear:both}
.side-menu ul{border-top:1px solid black;}
.side-menu ul li{border-top:transparent;border-bottom:transparent}
.side-menu .lili {border-top:1px solid black; border-bottom:transparent; }
.side-menu ul li a{padding-left:30px}
.side-menu ul li ul li{line-height:35px;font-size:13px}
.side-menu ul li ul li:hover{border:none;line-height:35px}
.side-menu ul li ul li a span{margin-top:-17px;padding:0}

/*.side-menu .lili_ {border-top:1px solid black;  float:left; border-bottom:transparent;  }
.side-menu .lili_ .ko{float:left; border-right:1px solid black; width:121px;  text-align:center; border-bottom:1px solid black; } 
.side-menu .lili_ .en{ width:121px;float:right;  text-align:center; border-bottom:1px solid black; }
.side-menu ul .lili_ .ko a{padding-left:10px}
.side-menu ul .lili_ .en a{padding-left:10px}*/

/*=========================
3. slider
===========================*/
.slider{font-family:'Raleway',sans-serif}

.fullwidthbanner1 .tp-leftarrow.default,.fullwidthbanner1 .tp-rightarrow.default{position:relative;z-index:100;width:50px;height:50px;border:2px solid #fff;border-radius:100%;background:transparent none repeat scroll 0 0;cursor:pointer}
.fullwidthbanner1 .tp-rightarrow.default:after{left:17px !important;content:'\f105' !important}
.fullwidthbanner1 .tp-leftarrow.default:after,.fullwidthbanner1 .tp-rightarrow.default:after{position:absolute;left:27%;font-family:fontawesome;font-size:43px;color:#fff;content:'\f104'}
.readon::before{position:absolute;top:0;right:-13px;width:55px;height:100%;background-color:rgba(0,0,0,0.1);content:'';transform:skewX(25deg)}
.readon::after{position:absolute;top:50%;right:10px;font-family:FontAwesome;content:'\f178';transform:translateY(-50%)}
.readon.white{color:#fff}
.readon.border{border:2px solid #FF2B42;background-color:transparent;color:#444}
.readon.large{display:inline-block;min-width:80px;margin-bottom:5px;padding:15px 65px 15px 20px!important;font-size:14px!important;font-weight:bold;line-height:16px;text-transform:uppercase}
.readon.white{color:#fff}
.readon{display:inline-block;overflow:hidden;position:relative;padding:8px 55px 8px 15px;border:2px solid #ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
.readon.white:hover{background:#f5001d none repeat scroll 0 0;color:#fff}

/*=========================
4. main-menu
===========================*/
.main-menu{position:relative;min-height:56px;background-color:#fff;text-align:center}
.menu{}
.menu ul{height:87px}
.menu ul li{display:inline;position:relative;padding:18px}
.menu ul li:first-child::after{display:none}
.menu ul li:after{position:absolute;top:0;left:0;width:1px;height:100%;background-color:rgba(0,0,0,0.1);content:'';transform:skew(-25deg)}
.menu ul li a{position:relative;height:55px;padding:0 12px;background:transparent none repeat scroll 0 0;font-family:'Nanum Gothic';font-size:14px;font-weight:400;line-height:55px;color:#666;text-decoration:none;text-transform:uppercase;box-sizing:border-box}
.menu ul li a:hover{color:#666}
.menu ul li:hover .mega-menu{visibility:visible;top:100%;opacity:1}
.mega-menu{visibility:hidden;position:absolute;top:120%;left:0;z-index:202!important;width:520px;padding:20px 0;background:#222 none repeat scroll 0 0;opacity:0;transition:all .3s ease 0}
.mega-menu ul{}
.mega-menu ul li{float:left;width:100%;padding:0 25px;border-right:1px solid #333;text-align:left}
.mega-menu ul li a{display:block!important;height:60px;padding:15px 0!important;border-bottom:1px solid #333;line-height:1;color:#d5d5d5}
.mega-menu ul li:nth-child(1n+7) a{border-bottom:0 solid #333}
.mega-menu ul li a:hover,.mega-menu ul li a:hover div{color:#fff}
.mega-menu ul li a div{font-size:13px;line-height:18px;font-weight:500;color:#d5d5d5;text-transform:capitalize}



.menu ul li:hover .one-collam-menu{visibility:visible;top:100%;opacity:1}
.one-collam-menu{visibility:hidden;position:absolute;top:120%;left:0;transition:all .3s ease 0}
.one-collam-menu .mega-menu{width:160px}
.one-collam-menu .mega-menu ul li{line-height:26px!important}
.one-collam-menu .mega-menu ul li a{height:45px!important}
.one-collam-menu .mega-menu ul li:last-child a{border-bottom:0 solid #333}


.five-collum-menu{visibility:hidden;position:absolute;top:120%;left:-285px;z-index:202!important;width:1125px;padding:25px 0;background:#222 none repeat scroll 0 0;opacity:0;transition:all .3s ease 0}
.menu ul li:hover .five-collum-menu{visibility:visible;top:100%;z-index:100;opacity:1}
.five-collum-menu .menu-colum{float:left;width:225px;padding:0 30px;border-right:1px solid #333;text-align:left}
.five-collum-menu .menu-colum h3{margin-bottom:8px;padding-bottom:10px;border-bottom:1px solid #333}
.five-collum-menu .menu-colum h3 a{display:block;padding:5px 0;font-weight:700;color:#d5d5d5;text-transform:capitalize}
.five-collum-menu .menu-colum a{display:block;height:25px;margin:0;padding:0;line-height:20px;color:#ff2b42;text-transform:capitalize}
.pages-mega-menu .menu-colum{width:25%}
.shop-mega-menu{left:-681px}
.shop-mega-menu .menu-colum{width:281px!important}
.shop-mega-menu .menu-colum h3{}
.shop-mega-menu .menu-colum h3 a{text-transform:uppercase !important}
.shop-mega-menu .menu-colum h3 a:hover{color:#fff}
.shop-mega-menu .menu-colum h3 a span{float:right;padding:0 6px;border-radius:2px;background:#f14b51;font-size:10px;text-transform:uppercase}
.shop-mega-menu .menu-colum h3 a span.orange{background:#F39C12}
.shop-mega-menu .menu-colum a span{float:right;padding:0 6px;border-radius:2px;background:#f14b51;font-size:10px;text-transform:uppercase}
.shop-mega-menu .menu-colum a span.lime{background:#8DD538;color:#fff}
.pages-mega-menu{left:-630%}
.pages-mega-menu .menu-colum a{height:25px;padding:21px 0;border-bottom:1px solid #333;line-height:0;color:#d5d5d5;transition:all .3s ease 0}
.pages-mega-menu .menu-colum:nth-child(1) :nth-child(5),.pages-mega-menu .menu-colum:nth-child(2) :nth-child(5),.pages-mega-menu .menu-colum:nth-child(3) :nth-child(5),.pages-mega-menu .menu-colum:nth-child(4) :nth-child(5),.pages-mega-menu .menu-colum:nth-child(5) :nth-child(5){border-bottom:0 solid #333}
.pages-mega-menu .menu-colum a:hover{color:#fff}
.sticky{position:fixed;top:0;left:0;z-index:100;width:100%;border-top:0}

/*=========================
5. features area
===========================*/
.features-area{padding-bottom:98px;padding-top:90px}
.featuer-top{}
.featuer-top h1{display:block;font-family:'Raleway';font-size:24px;font-weight:normal;line-height:47px;color:#ff2b42}
.featuer-top h2{margin-bottom:22px;font-family:'Raleway';font-size:42px;font-weight:bold;line-height:42px;color:#000}
.featuer-top p{width:50%;margin:0 auto 20px;font-family:'Open Sans';font-size:15px;line-height:20px;color:#666}
.feature-box-area{margin-top:70px}
.feature-box{margin-top:45px}
.feature-box:hover{opacity:0.7}
.feature-box i{display:block;clear:both;width:115px;height:115px;margin:0 auto 30px;padding:40px;border:1px dashed #ff2b42;border-radius:100px;background:transparent none repeat scroll 0 0;font-size:32px;color:#ff2b42}

/* keyframes #animation1 */
@-webkit-keyframes animation1{0%{-webkit-transform:scale(1)}30%{-webkit-transform:scale(0.7)}100%{-webkit-transform:scale(1)}}
@-moz-keyframes animation1{
0-moz-transform:scale(1)}
30%{-moz-transform:scale(0.7)}
100%{-moz-transform:scale(1)}
}
.feature-box:hover.feature-box i{animation-duration:.4s;animation-name:animation1}
.feature-box h3{margin-bottom:12px;font-size:22px;font-weight:normal;color:#666}
.feature-box p{margin-bottom:24px;font-size:15px;line-height:20px;color:#666}
.feature-box a{position:relative}
.feature-box a.readon::before{position:absolute;top:0;right:-13px;width:55px;height:100%;background-color:rgba(0,0,0,0.1);content:'';transform:skewX(25deg)}
.feature-box a.readon::after{position:absolute;top:50%;right:10px;font-family:FontAwesome;content:'\f178';transform:translateY(-50%)}
.feature-box a.readon.border{background-color:transparent;color:#444}
.feature-box a.readon.small{display:inline-block;min-width:80px;margin-bottom:5px;padding:8px 50px 8px 12px;font-size:11px;line-height:13px;text-transform:uppercase}
.feature-box a.readon.border:hover{background-color:#f5001d;color:#fff}
.feature-box a.readon{display:inline-block;overflow:hidden;position:relative;padding:8px 55px 8px 15px;border:2px solid #ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}

/*=========================
6. design shop area
===========================*/
.design-shop-area{position:relative;background:rgba(0, 0, 0, 0) url(img/bg/bg.jpg) repeat scroll 0 0 / cover}
.design-shop-inner{padding:125px 0}
.design-shop-right-img{position:absolute;top:50px;right:210px}
.shop-design-text{position:absolute;top:195px}
.shop-design-text h1{font-size:35px;font-weight:bold;font-family:'Raleway';color:#fff}
.shop-design-text h2{font-family:'Raleway';font-size:55px;font-weight:700;color:#ff2b42;text-shadow:none !important}
.shop-design-text p{width:60%;font-size:16px;font-weight:300;font-family:Open Sans;line-height:30px;color:#fff}
.shop-design-text .feature-box a.readon.border{padding:17px 55px 15px 10px;background-color:#ff2b42 !important;font-size:15px;font-weight:bold;color:#fff}

/*=========================
7. count area
===========================*/
.count-area{padding:100px 0;background:#FF2B42}
.count-box{padding:23px 0;border-right:1px dashed #fff}
.count-box-border{border-right:0 dashed #fff}
.count-box h2{margin-bottom:5px;font-family:'Raleway';font-weight:bold;font-size:55px;color:#fff}
.count-box h2.black{margin-bottom:5px;font-family:'Raleway';font-weight:bold;font-size:55px;color:#000}
.count-box h2 span{}
.count-box p{font-size:18px;color:#fff}
.count-box p.black{font-size:18px;color:#000}

/*=========================
8. team-member-area
===========================*/
.team-member-area{padding-top:3%}
.area-header{margin-bottom:37px}
.area-title{margin-bottom:20px;padding:5px 0 5px 15px;border-left:4px solid #ff2b42}
.area-title h3{display:block;margin-bottom:5px;font-size:24px;line-height:24px;font-weight:normal;font-family:'Raleway';color:#ff2b42;text-transform:uppercase}
.area-title h2{font-family:'Raleway';font-size:42px;font-weight:bold;line-height:42px;color:#000}
.area-header p{font-size:14px;line-height:20px;color:#666}
.single-team{clear:both}
.team-box{}
.team-box img{}
.team-box h3{margin-top:20px;margin-bottom:3px;font-family:'Raleway';font-weight:bold;font-size:21px;color:#444;text-transform:uppercase}
.team-box h5{display:block;margin-bottom:10px;font-size:13px;font-weight:normal;line-height:21px;opacity:0.5;text-transform:uppercase}
.team-box p{}
.team-description{padding-left:20px;padding-right:20px}
.team-description p{padding-left:5px;padding-right:5px;padding-top:20px;border-top:1px solid #000;font-size:14px;line-height:20px;color:#333}
.team-sociul{}
.team-sociul p{}
.team-sociul p a{}
.team-sociul p a i{padding:15px;font-size:16px;color:#333;transition:.3s}
.team-sociul p a i:hover{color:#FF4E42}
.team-box:hover h3{color:#FF4E42}
.team-box:hover .team-description p{border-top:1px solid #FF4E42}

/*=========================
9. portfolio area
===========================*/
.portfolio-area{padding-top:100px;background:#f7f7f7}
.portfolio-gallery-area{width:100%}
.portfolio-item{overflow:hidden;position:relative;width:100%;line-height:0}
.portfolio-item:before{position:absolute;top:-50%;left:-100%;z-index:1;width:80%;height:220%;background-color:#ff2b42;content:'';transform:rotate(25deg);transform-origin:center top 0;transition:left .5s ease 0}
.portfolio-item:hover:before{left:5%}
.portfolio-item:after{position:absolute;left:53%;bottom:-1000%;width:55%;height:175%;background-color:rgba(0,0,0,0.7);content:'';transform:rotate(-33deg);transform-origin:center bottom 0;transition:bottom .8s ease 0}
.portfolio-item:hover:after{bottom:-70%}
.portfolio-details{}
.portfolio-title{position:absolute;top:-85px;left:20px;z-index:5;color:#fff;opacity:0;transition:all 1.1s ease 0}
.portfolio-title h3{margin-bottom:12px;font-size:19px;font-weight:normal;color:#fff}
.portfolio-title h5{font-size:13px;font-weight:normal;color:#fff}
.portfolio-link{position:absolute;left:20px;bottom:-50px;z-index:6;opacity:0;transition:all 1.1s ease 0}
.portfolio-item:hover .portfolio-title{top:20px;opacity:1}
.portfolio-item:hover .portfolio-link{bottom:0;bottom:-10px;opacity:1}
.portfolio-link p{width:100%!important}
.portfolio-link p a{display:block;float:left;width:35px;height:35px;margin-right:5px;padding-top:7px;border-radius:100%;font-size:17px;color:#333;text-align:center}
.portfolio-link p a i{padding-top:3px}
.portfolio-link p a.link{margin-right:10px;margin-top:36px;background:#444 none repeat scroll 0 0;color:#fff}
.portfolio-link p a.search{background:#fff;color:#FF2B42}
.portfolio-item-one .portfolio-item{height:705px}
.portfolio-item-two .portfolio-item{height:345px}
.portfolio-item-three{width:96%!important;margin-bottom:15px;margin-left:15px}
.portfolio-item-three .portfolio-item{width:100%!important;height:345px}
.item-two-mb{overflow:hidden;margin-bottom:15px}
.poerfolio-three-iteam .portfolio-item.three-inner-one,.poerfolio-three-iteam .portfolio-item.three-inner-two{height:345px}
.poerfolio-three-iteam{width:96% !important;margin-left:15px}
.poerfolio-three-iteam img{width:100%;height:345px}
.three-inner-one img{margin-right:15px}
.three-inner-two img{margin-left:15px}
.portfolio-item.three-inner-one{width:95%!important;margin-right:15px!important}

/*=========================
10. optimize area
===========================*/
.optimize-area{padding-top:102px;background:#f5f5f5 url(img/bg/14.png) repeat scroll 0 0;color:#666}
.su-list ul{margin-bottom:45px;margin-top:43px}
.su-list ul li{display:block !important;position:relative;margin:0 !important;padding:4px 0 4px 2em !important;line-height:1.3em;list-style-type:none !important}
.su-list ul li i{position:absolute;top:4px;left:0;width:1.3em;height:1.3em;line-height:1.3em;color:#e74c3c;text-align:center}
.optimize-area .feature-box a.readon.small{padding:15px 55px 15px 20px;background-color:#ff2b42 !important;font-size:14px;font-weight:bold;color:#fff}
.optimize-area .feature-box a.readon.border{background:#ff2b42;color:#fff}
.optimizer-image{}
.optimizer-image img.mobile-two{position:absolute;top:0;left:0}

/*=========================
11. blog-area
===========================*/
.blog-area{padding-top:102px;background:#f7f7f7 none repeat scroll 0 0}
.blog-one{height:750px}
.blog-post-area .blog-one{height:740px}
.portfolio-item.blog-one img{width:100%;height:100%;background-size:cover!important}
.blog-four{width:1118px;margin-left:0}
.blog-post-area .blog-four{width:100%;margin-left:0}
.blog-four .portfolio-item{height:370px}
.blog-post-area{width:100%!important}
.blog-post-area h3 a{font-family:Raleway;font-size:22px;color:#fff;text-transform:uppercase}
.blog-post-area span{display:block;margin-bottom:5px}
.blog-post-area span a{margin-right:15px;color:#fff}
.blog-post-area span a:hover{color:#fff;text-decoration:underline}
.blog-post-area p{width:50%;margin-top:20px;font-size:14px;line-height:20px}

/*=========================
12. client area
===========================*/
.client-area{padding-top:87px;padding-bottom:63px}
.client-logo{margin-bottom:25px}

/*=========================
13. footer
===========================*/
.footer-top{padding-top:100px;background:#151515 none repeat scroll 0 0;color:#fff}
.footer-logo{padding-right:20px;border-right:1px solid #666}
.footer-logo a{}
.footer-logo a img{width:150px;margin-bottom:25px}
.footer-logo p{margin-bottom:15px;font-size:14px;line-height:22px}
.email-newslatter{}
.email-newslatter h3{font-size:18px;font-weight:normal;color:#fff}
.email-newslatter p{margin-top:10px}
.email-newslatter form{margin-top:32px}
.email-newslatter form input[type=text]{width:88%;height:50px;padding:0 20px;border-color:rgba(255,255,255,0.3);border-style:solid;border-width:1px 0 1px 1px;background:transparent none repeat scroll 0 0;color:#fff;text-decoration:underline;box-sizing:border-box}
.email-newslatter form button[type=submit]{float:right;position:relative;width:12%;height:50px;margin:0;border-color:rgba(255,255,255,0.3);border-style:solid;border-width:1px;background:transparent none repeat scroll 0 0;color:#fff;text-align:left;text-align:center;box-sizing:border-box;transition:all .3s ease-in-out 0}
.email-newslatter form button[type=submit]:hover{background:#242424}
.email-newslatter form button i{font-size:20px;color:#ccc}
.footer-copy-right{padding:20px 0;border-top:1px solid #000;background:#151515 none repeat scroll 0 0;text-align:center}
.copyright-text{}
.copyright-text p{font-size:11px;color:#ccc}
.copyright-text p a{margin-left:5px;color:#ccc}
.copyright-text p a:hover{color:#fff}
.footer-menu{float:right}
.footer-menu ul{}
.footer-menu ul li{display:inline}
.footer-menu ul li a{padding:0 7.5px;font-size:14px;color:#fff}
.footer-menu ul li a:hover{color:#ccc}
#scrollUp{display:block;position:absolute;right:-50px;bottom:-30px;z-index:1000;width:120px;height:79px;background-color:#FF2B42;font-size:16px;line-height:42px;color:#fff !important;text-align:center;text-decoration:none !important;transform:rotate(-45deg);transition:all .5s cubic-bezier(0,0,0,1) 0}
#scrollUp:hover{background-color:#FF2B42}
#scrollUp i{display:block;padding-top:10px;font-size:20px;transform:rotate(45deg)}

/*=========================
14. home2
===========================*/
body.home-2{background:#f2f2f2}
body.home-2 .cart-and-search::before{position:absolute;top:-11px;right:-366px;width:60%;height:119%;background-color:#2ecc71;content:''}
body.home-2 .cart-and-search::after{position:absolute;top:-11px;left:96.7%;width:30%;height:119%;background-color:#2ecc71;content:'';transform:translateX(-60px) skewX(-25deg)}
body.home-2 .sidr .side-search .header-search{display:block;width:100%;height:96px;margin:0;padding:0;background:#2ECC71}
body.home-2 .sidr .side-search .header-search input{border-bottom:1px solid#54d98c}
body.home-2 .side-menu-icon{float:right;position:relative;top:22px;left:190px;z-index:1}
body.home-2 .cart{width:150px;margin-top:-5px;padding-left:10px}
body.home-2 .cart a{padding:14px 0;border-radius:2px;background-color:#fdae30;font-size:14px;font-weight:400;color:#fff;text-decoration:none;transition:all .3s ease 0}
body.home-2 .cart a:hover{background:#FF9E05}
body.home-2 .cart a i{margin-left:15px;margin-right:5px}
.call-to-acction{width:570px;height:69px;margin-top:15px}
.call-to{float:left;width:170px;padding-left:14px;border-right:1px solid #ccc}
body.home-2 .call-to h3{margin-bottom:2px;font-size:13px;font-family:'Dosis';color:#888}
.call-to h3 i{padding-right:5px}
.call-to a{display:block;font-size:14px;font-weight:bold;line-height:20px;color:#444}
.call-to span{display:block;font-weight:bold;font-size:14px;line-height:20px;color:#555}
.call-to a:hover{color:#2ECC71}
body.home-2 span.search-button i{margin-right:5px;color:#fff}
body.home-2 .global-link-color{font-family:'Dosis',sans-serif;font-size:55px!important;font-weight:bold!important;color:#2ECC71}
body.home-2 .detailText{color:#fff}
body.home-2 h1.home2-slide{color:#2ECC71}
body.home-2 .readon{display:inline-block;overflow:hidden;position:relative;padding:12px 55px 12px 15px !important;border:2px solid #2ecc71;background:#2ecc71 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}

/*=========================
14.1 work-proses
===========================*/
.work-proses{position:relative;top:-145px;z-index:999}
.back{position:absolute;top:0}
.front{text-align:center;box-shadow:none}
div.card div{border:medium none;text-align:center;box-shadow:none}
div.card div.back{position:absolute;top:0;z-index:1;width:89%;height:100%;margin-bottom:0;backface-visibility:hidden;box-sizing:border-box;transition:all 400ms ease 0;transform:rotateY(0deg)}
div.card div.front{z-index:9;height:100%;margin-bottom:0;transform:rotateY(-180deg);backface-visibility:hidden;box-sizing:border-box;transition:all 400ms ease 0}
div.card:hover div.back{transform:rotateY(180deg)}
div.card:hover div.front{transform:rotateY(0deg)}

/*=========================
14.2 our-product-area2
===========================*/
.our-product-area2{}
.area-title2{}
.area-title2 h2{position:relative;margin-bottom:45px;font-size:36px;line-height:36px;font-weight:bold;font-family:'Dosis',sans-serif;color:#444}
.area-title2 h2:after{position:absolute;top:49px;left:48.5%;width:32px;height:2px;background:#2ecc71 none repeat scroll 0 0;content:''}
.area-title2 p{width:48%;margin:0 auto;font-size:14px;line-height:20px}
.product-area2{clear:both;padding-top:65px}
.product-box2{margin-bottom:23px}
.product-box2-icon{}
.product-box2-icon img{width:80%}
.product-box2:hover .product-box2-icon img{animation-duration:.4s;animation-name:animation1}
.product-box2-text{}
.product-box2-text h3{margin-bottom:16px;font-family:'Dosis',sans-serif;font-size:22px;font-weight:400;color:#444}
.product-box2-text p{font-size:14px;line-height:20px;color:#666}

/*=========================
14.3 our-work-area2
===========================*/
.our-work-area2{overflow:hidden;margin-top:78px;padding-top:100px;background:#fff none repeat scroll 0 0}
.our-work-gallery{margin-top:50px}
.our-work-gallery ul{}
.our-work-gallery ul li{float:left;width:25%;line-height:0}
.our-work-gallery ul li a{}
body.home-2 .our-work-gallery ul li a .portfolio-item::after{display:none}
body.home-2 .our-work-gallery ul li a .portfolio-item::before{background-color:#2ECC71;transform:rotate(15deg)}
body.home-2 .our-work-gallery ul li a .portfolio-title h3{font-family:'Dosis',sans-serif;color:#fff}
body.home-2 .our-work-gallery ul li a .portfolio-title h5{float:right;margin-top:-14px;font-family:'Dosis',sans-serif;color:#fff}
body.home-2 .our-work-gallery ul li a .portfolio-title{position:absolute;top:20px;left:-60%;z-index:5;color:#fff;transition:all 1.1s ease 0}
body.home-2 .our-work-gallery ul li a .portfolio-item:hover .portfolio-title{left:20%}

/*=========================
14.4 project screenshot area
===========================*/
.project-screenshot-area{overflow:hidden;padding-top:100px;padding-bottom:17px;background:#fff none repeat scroll 0 0}
.screenshot-area{width:1400px;margin:0 auto;margin-top:50px;padding:0}
.screenshot-image-left{float:left;width:30%}
.screenshot-image-left img{}
.screenshot-image-center{float:left;position:relative;top:55px;left:-19.5px;width:40%;margin-bottom:-276px}
.screen-image{max-width:1130px}
.screenshot-image-center img{max-width:100%}
.screenshort-carosel-area{position:relative;max-width:944px;width:auto !important;padding:4.3% 8.2% 18%}
.screenshot-image-meddin{position:relative;top:-427px;left:1px}
.screenshot-image-meddin img{}
.screenshot-image-meddin a{position:absolute;top:55%;left:49%;z-index:1;width:46px;height:46px;margin-left:-20px;margin-top:-20px;border-radius:50%;background-color:rgba(255,255,255,0.31);line-height:46px;color:#fff;text-align:center;opacity:0;transform:translateY(20px);transition:all .25s ease-in-out 0}
.screenshot-image-meddin a:after{display:block;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(255,255,255,0.38);border-radius:50%;content:'';opacity:1;transition:opacity 0 ease 0s,transform 0 ease 0s,border 0 ease 0}
.screenshot-image-meddin a:hover::after{visibility:visible;opacity:0;transform:scale(1.3);transition-duration:.5s}
.screenshot-image-meddin .item:hover a{top:45%;opacity:1}
.screenshot-image-meddin a i{}
.screenshot-image-right{float:right;width:30%}
.screenshot-image-right img{}

/*=========================
14.5 testimonial area
===========================*/
.testimonial-area{padding-bottom:80px;padding-top:100px;background:rgba(0, 0, 0, 0) url(img/home2/testimonials/testimonial.jpg) repeat scroll 0 0 / cover}
.testimonial-area .area-title2 h2{color:#fff}
.single-testimonial{margin-top:30px}
.testimonial-box{display:inline-block;position:relative;padding:35px;border-bottom:4px solid #2ecc71;background:#f6f6f6;color:#444}
.testimonial-box img{float:left;width:100px;height:100px;margin-right:30px;border-radius:0}
.testimonial-box .quote{display:block;position:absolute;bottom:-11.5px;width:20px;height:20px;background:#2ecc71;transform:rotate(45deg)}
.testimonial-box .quote:after{display:block;position:absolute;top:-9px;left:-7px;width:23px;height:25px;background:#F6F6F6;content:''}
.testimonial-box p{font-size:14px;line-height:20px}
.testimonial-details{margin-top:20px;font-size:13px}
.testimonial-details h5{display:block;position:relative;top:8px;margin-bottom:10px;font-size:14px;font-weight:bold;color:#fff}
.testimonial-details p{color:#fff;opacity:0.8}
.testimonial-details p a{color:#2ecc71;text-decoration:none;cursor:pointer}
.testimonial-details p a:hover{}

/*=========================
14.6 our team area
===========================*/
.our-team-area2{padding-top:100px;padding-bottom:90px;background:#fff}
.our-team-area2 .team-box img{filter:grayscale(100%);transition:all .3s ease 0}
.our-team-area2 .team-box h3{font-family:'Dosis',sans-serif;font-size:1.4em;transition:all .3s ease 0}
.our-team-area2 .team-box .team-description p{border-top:1px solid #000;transition:all .3s ease 0}
.our-team-area2 .team-box:hover img{filter:grayscale(0%)}
.our-team-area2 .team-box:hover h3{color:#2ECC71}
.our-team-area2 .team-box:hover .team-description p{border-top:1px solid #2ECC71}
.our-team-area2 .team-box .team-sociul a i:hover{color:#2ECC71}
.our-team-area2 .single-team{clear:both;padding-top:50px}

/*=========================
14.7 blog-area
===========================*/
body.home-2 .blog-area{padding-top:100px;background:#f2f2f2}
body.home-2 .blog-post-area{margin-top:50px}
body.home-2 .blog-post-area .portfolio-item::before{background-color:#2ECC71}
body.home-2 .blog-post-area .portfolio-title > p{width:50%;margin-top:20px;line-height:20px}
body.home-2 .blog-post-area .portfolio-title{top:70px}
body.home-2 .blog-post-area .portfolio-item:hover .portfolio-title{top:55px;opacity:1}

/*=========================
14.8 blog-area
===========================*/
body.home-2 .client-area{padding-bottom:65px;padding-top:100px;background:#fff none repeat scroll 0 0}
body.home-2 .client-area .client-logo{margin-top:10px}
body.home-2 #scrollUp{display:block;position:absolute;right:-50px;bottom:-30px;z-index:1000;width:120px;height:79px;background-color:#2ECC71;font-size:16px;line-height:42px;color:#fff !important;text-align:center;text-decoration:none !important;transform:rotate(-45deg);transition:all .5s cubic-bezier(0,0,0,1) 0}

/*=========================
15 home3
===========================*/
body.home-3{}
body.home-3 .tp-leftarrow{position:absolute !important;top:90% !important}
body.home-3 .tp-rightarrow{position:absolute !important;top:90% !important;left:4.5%}
body.home-3 .call-to h3{margin-bottom:2px;font-family:'Lobster';font-size:14px;font-weight:normal;color:#666;text-transform:lowercase}
body.home-3 .call-to a{display:block;font-weight:bold;font-size:14px;color:#333;text-align:inherit}
body.home-3 .call-to span{font-weight:700;font-size:14px;color:#333}
body.home-3 .call-to a:hover{color:#FFB400}
body.home-3 h1,body.home-3 h2,body.home-3 h3,body.home-3 h4,body.home-3 h5,body.home-3 h6{font-family:'Lobster',cursive}
body.home-3 .cart-and-search::before{position:absolute;top:-11px;right:-366px;width:60%;height:119%;background-color:#FFB400;content:''}
body.home-3 .cart-and-search::after{position:absolute;top:-11px;left:96.7%;width:30%;height:119%;background-color:#FFB400;content:'';transform:translateX(-60px) skewX(-25deg)}
body.home-3 .sidr .side-search .header-search{display:block;width:100%;height:94px;margin:0;padding:0;background:#FFB400}
body.home-3 .sidr .side-search .header-search input{border-bottom:1px solid#ffc333}
body.home-3 .side-menu-icon{float:right;position:relative;top:22px;left:190px;z-index:1}
body.home-3 .send-mail{border-right:0 solid #ccc}
body.home-3 .largeHeadingWhite h1{font-size:75px;font-weight:700;line-height:normal;color:#FFF;letter-spacing:2px}
body.home-3 .mediumHeading h2{font-size:55px;font-weight:700;color:#fff;text-shadow:none !important}
body.home-3 .detailText p{font-size:18px;font-weight:300;line-height:30px;color:#FFF}
body .readon{display:inline-block;overflow:hidden;position:relative;padding:8px 55px 8px 15px;border:2px solid #FF2B42;background:#FF2B42 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
body.home-3 .menu ul li a{display:inline-block;position:relative}
body.home-3 .menu ul li a:after{position:absolute;left:50%;bottom:-1px;width:0;height:1px;background:#ffb400 none repeat scroll 0 0;content:'';transform:translateX(-50%);transition:all .5s cubic-bezier(0.06,0.68,0.57,1.07) 0}
body.home-3 .menu ul li.active a:after{width:100%}
body.home-3 .menu ul li:hover a:after{width:100%}
body.home-3 .menu ul li ul li a:after{background:transparent}
body.home-3 .menu ul li .menu-colum a:after{background:transparent}
body.home-3 .menu ul li .menu-colum a{display:block;z-index:999}

/*=========================
15.1 what wo do area
===========================*/
.what-wo-do-area{padding:115px 0 120px;background:#fff none repeat scroll 0 0}
.area-title3{}
.area-title3 h2{position:relative;margin-bottom:44px;font-family:'Lobster',cursive;font-size:36px;color:#444}
.area-title3 h2:after{position:absolute;top:117%;left:45%;width:120px;height:12px;background:rgba(0, 0, 0, 0) url(img/home3/icon/circle-line.svg) repeat scroll 0 0;content:''}
.area-title3 p{}
.we-do-area{overflow:hidden;margin-top:37px;padding:15px;border:1px solid #ddd;background-color:#fff;box-shadow:0 0 0 #eee}
.we-do-top{overflow:hidden;border-bottom:1px solid #ddd}
.we-do-box{margin:25px 0;padding:15px;border-right:1px solid #ddd}
.we-do-last{border-right:0 solid #ddd}
.we-do-icon{}
@-moz-keyframes buzz-out{
10transform:translateX(3px) rotate(2deg)}
20%{transform:translateX(-3px) rotate(-2deg)}
30%{transform:translateX(3px) rotate(2deg)}
40%{transform:translateX(-3px) rotate(-2deg)}
50%{transform:translateX(2px) rotate(1deg)}
60%{transform:translateX(-2px) rotate(-1deg)}
70%{transform:translateX(2px) rotate(1deg)}
80%{transform:translateX(-2px) rotate(-1deg)}
90%{transform:translateX(1px) rotate(0deg)}
100%{transform:translateX(-1px) rotate(0deg)}
}
.we-do-box:hover .we-do-icon i{animation-duration:.4s;animation-iteration-count:1;animation-name:buzz-out;animation-timing-function:linear}

/* keyframes #animation1 */
@-webkit-keyframes animation1{0%{-webkit-transform:scale(1)}30%{-webkit-transform:scale(0.7)}100%{-webkit-transform:scale(1)}}
@-moz-keyframes animation1{
0-moz-transform:scale(1)}
30%{-moz-transform:scale(0.7)}
100%{-moz-transform:scale(1)}
}
.feature-box:hover.feature-box i{animation-duration:.4s;animation-name:animation1}
.we-do-icon i{max-width:60px;height:60px;padding:20px;background:transparent none repeat scroll 0 0;font-size:60px;color:#666}
.we-do-text{}
.we-do-text h3{margin-top:35px;margin-bottom:15px;font-family:Lobster;font-size:18px;font-weight:normal}
.we-do-text a{font-size:15px;color:#ffb400}
.we-do-bottom{}

/*=========================
15.2 chief cook area
===========================*/
.our-recent-post3 .area-title3 h2,.contact-area3 .area-title3 h2{position:relative;margin-bottom:44px;font-family:'Lobster',cursive;font-size:36px;color:#444}
.chief-cook-area{background:#f2f2f2}
.cook-text{margin-top:125px}
.cook-text h5{margin-bottom:20px;font-size:22px;line-height:22px;font-family:Lobster;color:#444}
.cook-text h2{margin-bottom:55px;font-size:36px;line-height:36px;font-family:Lobster;color:#444}
.cook-text p{margin-bottom:20px}
.cook-text img{width:235px;margin-top:34px}
.cook-image{}
.cook-image img{}

/*=========================
16. count area home3
===========================*/
body.home-3 .count-area{padding-bottom:120px;padding-top:122px;background:#ffb400 none repeat scroll 0 0}
body.home-3 .count-area .count-box{}
body.home-3 .count-area .count-box i{font-size:64px;color:#fff}
body.home-3 .count-area .count-box h2{font-family:'Lobster',cursive}
body.home-3 .count-area .count-box p{}

/*=========================
17. testimonial area3
===========================*/
body.home-3 .testimonial-area3{padding-top:115px;padding-bottom:115px;background:rgba(0, 0, 0, 0) url(img/home3/testimonial/testimonialbg.jpg) repeat scroll 0 0;color:#fff}
.testimonial-area3 .area-title3 h2{color:#fff}
body.home-3 .testimonial-carosel{overflow:hidden}
body.home-3 .testimonial-box3{}
body.home-3 .testimonial-box3 img{width:80px !important;height:80px;margin-bottom:20px;margin-top:15px;padding:5px;transition:background .6s ease-out 0}
body.home-3 .testimonial-box3 p{margin:10px 0;font-family:Georgia;font-size:18px;font-style:italic;font-weight:300;line-height:1.5em}
body.home-3 .testimonial-box3 a{color:#ffb400}
body.home-3 .testimonial-box3 a span{margin-right:10px;color:#fff}

/*=========================
18. our recent post
===========================*/
.our-recent-post3{overflow:hidden;padding-bottom:118px;padding-top:114px}
.recent-post-box-area{width:1712px;margin:55px auto}
.recent-post-box{float:left;width:50%}
.postImage{float:left;width:50%}
.postImage .recent-image{position:relative;width:100%;height:100%}
.postImage .recent-image:after{position:absolute;top:44%;right:-16px;width:25px;height:25px;background:#fff;content:'';transform:rotate(45deg)}
.postimage-meddil .recent-image:after{position:absolute;top:44%;left:-13px;width:25px;height:25px;background:#fff none repeat scroll 0 0;content:'';transform:rotate(45deg)}
.recent-image img{}
.postImage .recent-image:hover .recent-caption{opacity:1}
.recent-caption{position:absolute;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;color:#fff;text-align:center;opacity:0;transition:all .3s ease 0}
.recent-caption > p{position:absolute;top:50%;right:0;left:0;margin-top:-6px;text-align:center}
.postDesc{display:inline-block;float:left;width:50%;margin-top:30px}
.postDesc a.cbp-l-grid-blog-title{display:block;margin-top:17px;font-family:'Open Sans',sans-serif;font-size:18px;line-height:30px;font-weight:400px;color:#444}
.postDesc .su-pgrid-meta span{position:relative;font-size:12px}
.postDesc .su-pgrid-meta .cbp-l-grid-blog-date{margin-right:5px;padding-right:10px}
.su-pgrid-meta > .cbp-l-grid-blog-date::after{position:absolute;top:50%;right:0;width:2px;height:11px;background-color:rgba(0,0,0,0.1);content:'';transform:translateY(-50%)}
.cbp-l-grid-blog-desc{margin-top:9px;font-family:'Open Sans',sans-serif;font-size:13px;line-height:18px;font-weight:400px;color:#9b9b9b}

/*=========================
19. skill-area3
===========================*/
.skill-area3{width:100%;padding-bottom:80px;padding-top:97px;background:rgba(0, 0, 0, 0) url(img/home3/progressbg.jpg) repeat scroll center top / cover}
.skill-area3 .skill{overflow:hidden;padding-top:20px}
.progress span.parsentens{margin-right:25px}
.skill .lead{margin-bottom:0;font-family:'Lobster',cursive;font-size:15px;color:#fff}
body.home-3 .skill .progress-bar > span{float:right;margin-right:27px;margin-top:3px;font-size:15px}
body.home-3 .skill .progress .progress-bar{background:#fff}
.skill .progress .lead{position:absolute;top:-23px;left:0;z-index:99;font-size:13px;font-weight:700;color:#444}
body.home-3 .skill .progress{overflow:visible;position:relative;height:5px;margin-bottom:40px;border-radius:0;background-color:rgba(255,255,255,0.2);box-shadow:none}
body.home-3 .skill .progress-bar > span{float:right;position:relative;margin-right:10px;margin-top:-26px;padding:0 5px;background:#333 none repeat scroll 0 0;font-size:11px}
body.home-3 .skill .progress-bar > span:before,body.home-3 .skill .progress-bar > span:after{position:absolute;top:100%;width:0;height:0;border:medium solid transparent;content:' ';pointer-events:none}
body.home-3 .skill .progress-bar > span:before{left:50%;margin-left:-5px;border-top-color:#333;border-width:5px}

/*=========================
20. order area3
===========================*/
.order-area3{padding:80px 0;background:url(img/home3/calltoaction.jpg)}
.order-box{overflow:hidden;padding:20px 10px 20px 20px;background:#282828 none repeat scroll 0 0;color:#fff}
.order-box h3{margin:0;margin-bottom:3px;font-family:'Lobster';font-size:22px;line-height:32px;font-weight:normal;color:#fff}
.order-box p{}
.order-box a{display:block;margin:0 0 0 20px;padding:20px 30px;border-radius:3px;background:#69d9f2 none repeat scroll 0 0;font-size:18px;color:#fff;text-decoration:none}
.order-box a:hover{background:#80DFF4}

/*=========================
21. contact area3
===========================*/
.contact-area3{padding-bottom:100px;padding-top:100px;background:rgba(0, 0, 0, 0) url(img/home3/contact_map.jpg) repeat scroll 0 0}
.contact-from-area{clear:both;padding-top:75px}
.contact-from-area h5{margin-bottom:15px;font-family:'Lobster';font-size:18px;font-weight:normal;line-height:24px}
.contact-from-area input{width:100%;height:40px;margin-bottom:15px;padding:0 10px}

.contact-from-area input:focus,.contact-from-area input:hover,.contact-from-area textarea:focus,.contact-from-area textarea:hover{border:1px solid #FFA800;background:transparent}
.contact-from-area input [type=text]{}
.contact-from-area input [type=email]{}
.contact-from-area textarea{overflow:hidden;width:100%;height:152px;margin-bottom:15px;margin-top:39px;padding:15px;resize:none}
.contact-from-area button{float:right;border:2px solid #ffa800;border-radius:0;background-color:transparent;color:#000;text-transform:uppercase}
.contact-from-area button:hover{border-color:#ffa800;background-color:#ffa800;color:#fff}
.information{}
.information h5{margin-bottom:22px}
.information p{font-size:14px;line-height:18px}
.address{margin-top:25px}
.address h5{}
.address p{margin-bottom:4px;margin-bottom:10px;line-height:1.7143}
.email-or-phone{margin-top:18px}
.email-or-phone a{display:block;margin-bottom:6px;font-size:14px}
.email-or-phone a span{font-weight:bold;color:#666}
.email-or-phone a:hover{color:#ffa800}
.footertop-menu{height:250px;border-right:1px solid #333}
.footertop-menu h5{margin-bottom:29px;font-size:18px;font-weight:normal;color:#fff;text-transform:capitalize}
.footertop-menu ul{float:left}
.footertop-menu ul li{border-bottom:1px solid #333}
.footertop-menu ul li a{display:block;padding:10px 0;color:#fff}
.footertop-menu ul li:last-child{border-bottom:0 solid #333}
.footertop-menu ul li a i{margin-right:10px}
.footertop-menu ul li a:hover{padding-left:5px;color:#ccc}

.footertop-menu_ {height:250px;border-right:1px solid #333;}
.footertop-menu_ h5{margin-bottom:29px;font-size:18px;font-weight:normal;color:#fff;text-transform:capitalize}
.footertop-menu_ ul{float:left}
.footertop-menu_ ul li{border-bottom:1px solid #333}
.footertop-menu_ ul li a{display:block;padding:10px 0;color:#fff}
.footertop-menu_ ul li:last-child{border-bottom:0 solid #333}
.footertop-menu_ ul li a i{margin-right:10px}
.footertop-menu_ ul li a:hover{padding-left:5px;color:#ccc}


body.home-3 #scrollUp{background-color:#FFB400}
.about-us3{}
.about-us3 h5{margin-bottom:29px;font-size:18px;color:#fff!important}
.about-us3 p{font-size:14px;line-height:20px}
.about-us3 img{width:130px;margin-top:0}
body.home-3 .footer-top{padding-bottom:100px;padding-top:100px}

/*=========================
22. home4
===========================*/
body.home-4{}
body.home-4 .tp-caption a:hover{border:2px solid #149077!important;background:#149077 none repeat scroll 0 0 !important;}
body.home-4 .call-to h3{margin-bottom:2px;font-family:'Oswald';font-size:13px;font-weight:normal;color:#666}
body.home-4 .call-to a{display:block;margin-top:5px;font-family:open sans;font-size:15px;font-weight:600;color:#333;text-align:inherit}
body.home-4 .call-to span{font-family:open sans;font-size:15px;font-weight:600;color:#333}

body.home-4 h1,body.home-4 h2,body.home-4 h3,body.home-4 h4,body.home-4 h5,body.home-4 h6{font-family:'Oswald',sans-serif}
body.home-4 .cart-and-search::before{position:absolute;top:-11px;right:-366px;width:60%;height:119%;background-color:#1ABC9C;content:''}
body.home-4 .cart-and-search::after{position:absolute;top:-11px;left:96.7%;width:30%;height:119%;background-color:#1ABC9C;content:'';transform:translateX(-60px) skewX(-25deg)}
body.home-4 .sidr .side-search .header-search{display:block;width:100%;height:94px;margin:0;padding:0;background:#1ABC9C}
body.home-4 .sidr .side-search .header-search input{border-bottom:1px solid#28e1bd}
body.home-4 .side-menu-icon{float:right;position:relative;top:22px;left:190px;z-index:1}
body.home-4 .send-mail{border-right:0 solid #ccc}
body.home-4 .largeHeadingBlack h1{font-size:75px;font-weight:700;line-height:normal;color:#000;letter-spacing:2px}
body.home-4 .global-link-color *{color:#1abc9c !important}
body.home-4 .readon{border:2px solid #1abc9c;background:#1abc9c none repeat scroll 0 0}
body.home-4 .largeHeadingWhite h1{font-size:75px;font-weight:700;line-height:normal;color:#FFF;letter-spacing:2px}
body.home-4 .detailTextBlack p{font-size:18px!important;font-weight:300;line-height:30px;color:#000}
body.home-4 .largeHeading,.largeHeading h1{font-size:75px;font-weight:700;line-height:normal;color:#FFF}
.featured4-one{overflow:hidden;height:282px;margin:0 -17px;padding:38px;background:#E74C3C}
.fe-two{background:#F1C40F}
.fe-three{background:#2ECC71}
.fe-fout{background:#3498DB}
.featured4-one i{margin-bottom:20px;padding:50px;border:1px solid #fff;border-radius:100%;font-size:60px;color:#fff}
.bac{overflow:hidden;text-align:left!important}
.bac i{padding:0;border:none!important}
.featured4-one h3{margin-bottom:14px;font-family:oswald;font-size:16px;font-weight:normal;color:#fff}
.featured4-one p{font-size:14px;line-height:19px;color:#fff}

/*=========================
22.1 demandable are
===========================*/
.demandable-area{padding-bottom:110px;padding-top:35px;background:rgba(0, 0, 0, 0) url(img/home4/edu-courses.png) repeat scroll 0 0}
.demandable-area h1{margin-bottom:35px;font-size:42px;font-weight:bold;line-height:42px;text-align:center}
.demandable-area p{width:650px;margin:0 auto 35px;font-size:14px;line-height:18px;color:#666;text-align:center}
.demane-slide{margin:0}
.demand-box{margin:0 5px}
.demand-image{overflow:hidden;position:relative;width:100%;height:100%}
.demand-image img{}
.demand-box:hover .image-link{height:100%}
.demand-box:hover .image-link a.search{top:30%;opacity:1}
.demand-box:hover .image-link a.link{top:30%;opacity:1}
.image-link{position:absolute;left:0;bottom:0;width:100%;height:5%;background:rgba(143, 76, 200, 0.75);text-align:center;transition:all .4s linear 0}
.diman2{background:rgba(243, 100, 118, 0.75) none repeat scroll 0 0}
.diman3{background:rgba(250, 112, 72, 0.75) none repeat scroll 0 0}
.diman4{background:rgba(250, 213, 89, 0.75) none repeat scroll 0 0}
.diman5{background:rgba(27, 168, 192, 0.75) none repeat scroll 0 0}
.diman6{background:rgba(153, 199, 88, 0.75) none repeat scroll 0 0}
.diman7{background:rgba(130, 144, 151, 0.75) none repeat scroll 0 0}
.diman8{background:rgba(75, 135, 225, 0.75) none repeat scroll 0 0}
.diman9{background:rgba(190, 46, 64, 0.75) none repeat scroll 0 0}
.diman10{background:rgba(49, 59, 64, 0.75) none repeat scroll 0 0}
.image-link a{display:inline-block;position:relative;width:50px;height:50px;border-radius:100%;background-color:rgba(255,255,255,0.5)}
.image-link a:after{display:block;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(255,255,255,0.38);border-radius:50%;content:'';opacity:1;transition:opacity 0 ease 0s,transform 0 ease 0s,border 0 ease 0}
.image-link a:hover::after{visibility:visible;opacity:0;transform:scale(1.3);transition-duration:.5s}
.image-link a i{font-size:18px;line-height:48px;color:#fff}
.image-link a.search{top:60%;background-color:rgba(255,255,255,0.5);opacity:0;transition:all 300ms ease-in-out 0}
.image-link a.link{top:60%;background:#333;transition:all .4s linear 0;opacity:0}
.demand-text{width:100%;padding:20px 12px;background:#fff none repeat scroll 0 0}
.demand-text a{margin:0;font-size:16px;font-weight:600;line-height:1.2;font-family:'Oswald';transition:all .4s linear 0}
.demand-text a:hover{color:#000}
.demand-text p{width:100%;margin-top:6px;margin-bottom:0;text-align:left !important}

/*=========================
22.2 university area
===========================*/
.univercity-area{padding-bottom:118px;padding-top:117px;background:rgba(0, 0, 0, 0) url(img/home4/countdown.jpg) repeat scroll 0 0}
.univercity-text{}
.univercity-text h3{margin-bottom:11px;font-family:oswald;font-size:24px;font-weight:normal;line-height:24px;color:#1abc9c}
.univercity-text h2{font-family:oswald;font-size:36px;font-weight:600;line-height:36px;color:#444}
.univercity-text p{margin-top:36px;margin-bottom:25px}
.countown{}
.countown span.time-count{}
.countown span p{margin-top:0;font-size:15px;font-weight:normal}
.countown span.cdown{display:inline-block;padding:0 5px;font-size:60px;font-weight:bold}
.countown span.days{}

.countown span.days p,.countown span.hour p,.countown span.minutes p{margin-left:-25px;text-transform:uppercase}
.countown span.hour{}
.countown span.minutes{}
.countown span.second{}
body.home-4 .contact-from-area{clear:both;padding-top:0}
body.home-4 .contact-from-area textarea{overflow:hidden;width:100%;height:202px;margin-bottom:15px;margin-top:0;padding:15px;resize:none}
.univercity-form label{margin-bottom:10px;font-weight:normal;font-size:14px}

body.home-4 .contact-from-area input:focus,body.home-4 .contact-from-area input:hover,body.home-4 .contact-from-area textarea:focus,body.home-4 .contact-from-area textarea:hover{border:1px solid #1ABC9C;background:transparent none repeat scroll 0 0}
body.home-4 .contact-from-area button{float:right;border:2px solid #1ABC9C;border-radius:0;background-color:transparent;color:#000;text-transform:uppercase}
body.home-4 .contact-from-area button:hover{border-color:#1ABC9C;background-color:#1ABC9C;color:#fff}

/*=========================
22.3 our sensitive area
===========================*/
.our-sensitive-area{padding-top:117px;padding-bottom:96px}
.sensitive-title{}
.sensitive-title h1{margin-bottom:32px;font-size:42px;font-weight:bold}
.sensitive-box{overflow:hidden;margin-bottom:25px;background:#444 none repeat scroll 0 0}
.sensitive-title p{width:650px;margin:0 auto 37px}
.sensitive-image{float:left;width:50%;line-height:0}
.sensitive-image img{}
.sensitive-info{float:right;width:50%;padding:20px 20px 13px;padding-bottom:12px;background:#444 none repeat scroll 0 0;color:#fff}
.sensitive-info h3{display:block;margin-bottom:.2em;font-family:'Open Sans';font-size:1.2em}
.sensitive-info span{display:block;margin-bottom:1em;margin-top:7px;font-size:.9em;opacity:0.5}
.sensitive-info p{margin-top:10px;padding:11px 0;border-bottom:1px solid rgba(158,158,158,0.3);border-top:1px solid rgba(158,158,158,0.3);font-size:14px;line-height:22px}
.sociul4{padding-bottom:6px}
.sociul4 p{border:none}
.sociul4 p a{display:inline-block;width:32px;height:32px;margin:3px;border:1px solid #1abc9c;line-height:29px;font-size:16px;color:#fff;text-decoration:none;cursor:pointer;transition:all .25s ease-out 0}
.sociul4 p a.facebook4:hover{border:1px solid #3B5998;background:#3B5998}
.sociul4 p a.twitter4:hover{border:1px solid #00ACED;background:#00ACED}
.sociul4 p a.linkedin4:hover{border:1px solid #007BB6;background:#007BB6}
.sociul4 p a i{}
body.home-4 .count-area{padding-bottom:90px;padding-top:80px;background:rgba(0, 0, 0, 0) url(img/home4/counter.jpg) repeat scroll 0 0}
body.home-4 .count-box{border:transparent}
body.home-4 .count-box i{display:block;margin-bottom:7px;font-size:64px;color:#fff}
body.home-4 .count-box h2{font-family:'Oswald';font-weight:bold}
body.home-4 .count-box h2 span.counter{}
body.home-4 .count-box p{}

/*=========================
22.4 our recent post4
===========================*/
.our-recent-post4{padding:120px 0}
.recent-post4-title{}
.recent-post4-title h1{position:relative;margin-bottom:27px;font-size:42px;font-weight:bold;line-height:42px;color:#444}
.recent-post4-title h1:after{position:absolute;top:115%;left:48.5%;width:27px;height:6px;background:rgba(0, 0, 0, 0) url(img/home4/circle.svg) repeat scroll 0 0;content:''}
.recent-post4-title p{margin-bottom:50px}
body.home-4 .recent-post-box-area{width:100%;margin:0 auto}
body.home-4 .recent-caption{width:0;background:#000}
body.home-4 .recent-image:hover .recent-caption{width:50%}

/*=========================
22.5 testimonial area4
===========================*/
.testimonial-area4{padding-top:120px;padding-bottom:115px;background:#1abc9c;color:#fff}
.testimonial-area4 .recent-post4-title h1{margin-bottom:7px;color:#fff}
.testimonial4{}
.testimonial-twoinone{}
body.home-4 .single-testimonial{}
body.home-4 .testimonial-box{border-bottom:4px solid #1dd4af;border-radius:5px;background:#1dd4af none repeat scroll 0 0}
body.home-4 .testimonial-box .quote::after{background:transparent}
body.home-4 .testimonial-box .quote{bottom:-6px;background:#1DD4AF none repeat scroll 0 0}
body.home-4 .testimonial-box p{color:#fff}
body.home-4 .testimonial-details p a{color:#ddd}
body.home-4 .order-area3{padding:80px 0;background:rgba(0, 0, 0, 0) url(img/home4/calltoaction2.jpg) repeat scroll 0 0}
body.home-4 .order-box{border-radius:3px;background-color:rgba(255,255,255,0.05)}
body.home-4 .order-box a{min-height:63px;padding:20px 25px;background:rgba(0, 0, 0, 0.2);text-align:center}
body.home-4 .order-box a:hover{background:#000}
body.home-4 .order-box h3{margin-bottom:5px;font-family:oswald;font-size:22px}
body.home-4 .order-box p{font-size:15px}
body.home-4 .fmenu4 h5{margin-bottom:16px;font-family:oswald;font-size:20px}
body.home-4 .fmenu4 ul li a{display:block;padding:17px 0;color:#fff}
body.home-4 .fmenu4 ul li a:hover{padding-left:5px;color:#ccc}
body.home-4 .fmenu4 ul li a i{margin-right:15px;font-size:18px}
body.home-4 .footertop-menu h5{font-family:oswald}
body.home-4 .about-us3 h5{font-family:oswald}
body.home-4 .about-us3{}
body.home-4 .about-us3 p{margin-bottom:5px;padding-bottom:9px;border-bottom:1px dashed rgba(255,255,255,0.13)}
body.home-4 .about-us3 p:last-child{border-bottom:0 dashed rgba(255,255,255,0.13)}
body.home-4 .about-us3 p.offd4:hover{color:red}
body.home-4 .about-us3 p:hover{color:#1ABC9C}
body.home-4 .about-us3 p span{float:right}
body.home-4 .about-us3 p span.closed4{display:inline-block;padding:3px 5px;border-radius:2px;background-color:#f13e3e;font-size:11px;color:#fff}
body.home-4 footer .readon.border::before{background-color:#fff}
body.home-4 footer .readon.border::after{color:#444}
body.home-4 footer .readon.border{border-color:#fff}
body.home-4 footer .readon.white{background:#000 none repeat scroll 0 0;font-size:14px;color:#fff}
body.home-4 footer .readon.white:hover{background:#fff none repeat scroll 0 0;color:#000}
body.home-4 footer .footertop-menu{min-height:315px;border-right:1px solid #333}
body.home-4 #scrollUp{background-color:#1ABC9C}

/*=========================
23 home5
===========================*/
body.home-5{}
body.home-5 .call-to h3{margin-bottom:3px;font-family:oxygen;font-size:13px;color:#999}
body.home-5 .menu{margin-left:-5px}
body.home-5 .home5-sticky{z-index:999999;border-bottom:1px solid #eee;background:#fff none repeat scroll 0 0}

body.home-5 h1,body.home-5 h2,body.home-5 h3,body.home-5 h4,body.home-5 h5,body.home-5 h6{margin:0 0 20px;font-family:'Oxygen',sans-serif;font-weight:400;color:#444;text-transform:none}
body.home-5 .cart-and-search::before{width:0}
body.home-5 .cart-and-search::after{width:0}
body.home-5 .sb-open-left > a{font-size:20px;color:#000;text-align:left}
body.home-5 .call-to a{display:block;font-weight:bold;font-family:open sans;font-size:15px;color:#333;text-align:inherit}
body.home-5 .call-to span{font-weight:700;font-size:15px;color:#333}
body.home-5 .call-to a:hover{color:#3498DB}
body.home-5 .sidr .side-search .header-search{display:block;width:100%;height:94px;margin:0;padding:0;background:#3498DB}
body.home-5 .sidr .side-search .header-search input{width:100%;height:40px;margin-top:26px;padding-left:35px;border-bottom:1px solid#5faee3;background:transparent;color:#fff}
body.home-5 span.search-button i{color:#fff}
body.home-5 .call-to:last-child{border-right:0 solid #ccc}
body.home-5 .side-menu-icon{float:right;position:relative;top:22px;left:0;z-index:1}
body.home-5 .recent-post-box-area{width:100%;margin:0 auto}
body.home-5 .main-menu{position:relative;background-color:#f7f7f7;text-align:left}
body.home-5 .main-menu:after{position:absolute;top:1px;left:80.7%;width:10%;height:100%;background-color:#3498DB;content:'';transform:translateX(-60px) skewX(-25deg)}
body.home-5 .main-menu:before{position:absolute;top:1px;right:0;width:22.5%;height:100%;background-color:#3498DB;content:''}
body.home-5 .menu ul li::after{position:absolute;top:22px;left:-20px;width:10px;height:100%;background-color:transparent;font-family:fontawesome;font-size:15px;content:'\f107';transform:skew(0deg)}
body.home-5 .menu ul li a{padding:0 5px}
body.home-5 .mega-menu{z-index:99}
body.home-5 .five-collum-menu{z-index:99}
body.home-5 .menu ul li ul li::after{display:none}
body.home-5 .menu ul li ul li a{height:auto;margin-bottom:0;margin-top:0;line-height:1}
body.home-5 .pages-mega-menu .menu-colum a{height:45px;line-height:3}

/*=========================
23.1 slider
===========================*/
body.home-5 .largeHeading2,body.home-5 .largeHeading2 h1{font-weight:bold;font-family:'Oxygen',sans-serif;color:#3498db}
body.home-5 .detailTextBlack p{margin-left:20px!important;font-size:18px;font-weight:300;line-height:30px;color:#000}
body.home-5 .readon{border:2px solid #3498db;background:#3498db none repeat scroll 0 0}
body.home-5 .readon:hover{border-color:#13bbe2;background:#13bbe2 none repeat scroll 0 0;color:#fff}

/*=========================
23.2 emergency area
===========================*/
.emergensy-area{position:relative;z-index:99;margin-top:-125px}
.emargency-one{overflow:hidden;position:relative;margin:0;border:0 none #ddd;background-color:#e74c3c;color:#fff}
.em-two{background:#f1c40f}
.em-three{background:#3498db}
.emargency-box{padding:35px}
.emargency-box span{font-size:12px;line-height:12px;color:#fff}
.emargency-box h3{margin-top:6px;margin-bottom:20px;font-size:24px;font-weight:bold;line-height:25px;color:#fff}
.emargency-box p{margin-bottom:20px;font-size:15px;line-height:20px}
.emargency-box a{font-size:14px;color:rgba(255,255,255,0.7);text-decoration:none}
.emargency-box a:hover{text-decoration:underline}
i.su-panel-icon{position:absolute;right:0;bottom:0;z-index:0;font-size:10em;color:rgba(0,0,0,0.1);transform:translateX(25%) translateY(25%)}

/*=========================
23.3 blood-test area
===========================*/
.blood-test-area{padding-bottom:60px}
.blood-test-area ul{margin-top:100px;margin-bottom:35px;text-align:center}
.blood-test-area ul li{display:inline-block}
.blood-test-area ul li a{display:block;margin-right:5px;padding:18px 25px;background-color:#f7f7f7;color:#74777b;text-transform:uppercase;transition:background-color .2s ease 0s,color .2s ease 0}
.blood-test-area ul li a i{margin-right:5px;font-size:16px}
.blood-test-area ul li a:hover{color:#3498db}
.blood-test-area ul li.active a{background:#3498DB;color:#fff;text-decoration:none}
.blood-image{}
.blood-image img{}
.blood-text{margin-left:40px}
.blood-text h2{position:relative;font-family:'Oxygen';font-size:24px;line-height:24px;color:#444}
.blood-text h2:after{position:absolute;top:150%;left:0;width:30px;height:2.5px;background-color:#3498db;content:''}
.blood-text h3{margin-bottom:25px;margin-top:50px;font-family:oxygen;font-size:18px;font-weight:normal;line-height:24px;color:#444}
.blood-text p{margin-bottom:22px;font-family:open sans;font-size:14px;line-height:22px;color:#666}
.blood-text a{}
body.home-5 .blood-text .readon{border:2px solid #3498db;background:transparent}
body.home-5 .blood-text .readon:hover{border:2px solid #13BBE2;background:#13BBE2}

/*=========================
23.4 department area
===========================*/
.depertment-area{padding-top:100px !important}
.home5-area-title{}
.home5-area-title h2{position:relative;font-size:32px;font-weight:32px;font-weight:bold}
.home5-area-title h2:after{position:absolute;top:140%;left:0;width:30px;height:2.5px;background-color:#3498db;content:''}
.home5-area-title p{margin-top:35px;margin-bottom:20px;font-family:open sans;font-size:14px;line-height:20px;color:#666}
.depertment-item{}
.depertment-item ul{margin-left:-10px;margin-right:-10px}
.depertment-item ul li{float:left;width:25%;margin-bottom:20px;padding:0 10px;background:rgba(0, 0, 0, 0) none repeat scroll 0 0;text-align:center}
.dep-single-n{padding:20px 0;background:#f7f7f7 none repeat scroll 0 0}
.depertment-item ul li img{width:64px;height:64px;background-color:transparent}
.depertment-item ul li h3{margin-bottom:22px;margin-top:7px;font-family:oxygen;font-size:18px;font-weight:normal;line-height:24px;color:#333}
.depertment-item ul li p{margin-bottom:0;font-family:open sans;font-size:14px;line-height:20px;color:#666}

/*=========================
23.5 work-proses
===========================*/
.meet-doctore-area{padding-top:105px;padding-bottom:100px}
.doctore-meet5{margin-bottom:30px}
.doctore5-font-area{display:block;overflow:hidden;height:200px;padding:40px 35px 18px;border:1px solid #e5e5e5 !important;border-radius:0;color:#444;text-align:left;box-shadow:none}
.doctore-icon5{float:left;width:15%;margin-top:-10px;padding:0;background:transparent none repeat scroll 0 0;font-size:48px}
.doctore-icon5 i{font-size:48px;color:#222}
.doctore-font-text{overflow:hidden;width:85%;margin-top:0;padding-left:10px;padding-top:0;text-align:left !important}
.doctore-font-text h3{margin-bottom:14px;font-size:22px;color:#222}
.doctore-font-text p{margin:5px 0;padding:0;color:#222}
.doctore5-back-area{display:block;overflow:hidden;height:200px;padding:40px 35px 18px;border:1px solid #e5e5e5 !important;border-radius:0;color:#444;box-shadow:none}
.docroer-image5{float:left;max-width:25%;height:128px;padding:0;border-radius:50%;background:transparent none repeat scroll 0 0}
.docroer-image5 img{}
.doctore-text5{float:right;width:75%;padding-left:20px;text-align:left !important}
.doctore-text5 h3{margin-bottom:15px;font-family:oxygen;font-size:22px;font-weight:normal;line-height:27px;color:#222}
.doctore-text5 p{font-family:open sans;font-size:14px;line-height:20px;color:#666}
body.home-5 .meet-doctore-area div.card div.back{position:absolute;top:0;z-index:1;width:95%;height:100%;margin-bottom:0;backface-visibility:hidden;box-sizing:border-box;transition:all 400ms ease 0;transform:rotatex(0deg)}
body.home-5 .meet-doctore-area div.card div.front{z-index:9;height:100%;margin-bottom:0;transform:rotatex(-180deg);backface-visibility:hidden;box-sizing:border-box;transition:all 400ms ease 0}
body.home-5 .meet-doctore-area div.card:hover div.back{transform:rotatex(180deg)}
body.home-5 .meet-doctore-area div.card:hover div.front{transform:rotatex(0deg)}
.meet-doctore-area a{display:block;overflow:hidden;width:225px;margin:20px 0 0;margin:0 auto;padding:15px 25px;border-radius:3px;background-color:#2d89ef;font-size:15px;line-height:23px;color:#fff}
.meet-doctore-area a:hover{background-color:#4596f1}
.meet-doctore-area a i{margin-right:10px}

/*=========================
23.6 people say area
.home5-area-title{}
.people-say-area{padding-top:105px;padding-bottom:100px;background-color:#f9f9f9;color:#666}
.people-say{}
.people-asy-bottom{margin-left:30px;margin-top:30px}
.people-asy-bottom img{float:left;width:40px;height:40px;border-radius:50%}
.people-info{overflow:hidden;padding-left:15px}
.people-info h5{display:block;margin-bottom:0;margin-top:3px;font-size:14px;font-weight:bold;color:#444}
.people-info p{font-size:12px;line-height:18px;opacity:0.8}
.people-info p a{color:#3498db;text-decoration:none}
===========================*/
.people-say-box{margin-bottom:50px}
.people-asy-top{position:relative;margin-bottom:0;margin-left:4px;padding:40px 40px 47px 70px;border-color:#3498db !important;border-style:solid;border-width:1px 1px 1px 0;background:#fff none repeat scroll 0 0;color:#444;box-shadow:-4px 0 0 #3498db}
.people-asy-top:before{position:absolute;left:48px;bottom:-22px;border-top-color:#3498db!important;border-right:22px solid transparent;border-top:22px solid #dcdcdc;content:''}
.people-asy-top:after{display:block;position:absolute;left:49px;bottom:-20px;border-right:0 solid transparent;border-right:20px solid transparent;border-top:20px solid #fff;content:''}
.people-asy-top span.quote{}
.people-asy-top span.quote:after{position:absolute;top:35px;left:25px;font-family:FontAwesome;font-size:32px;font-style:normal;color:rgba(0,0,0,0.06);content:'\f10d'}
.people-asy-top p{padding:10px 0;line-height:1.7143em}
.people-asy-top p.lead{margin-bottom:10px}

/*=========================
22.7 our story area
===========================*/
.our-story-area{}
.our-stori-left-inner{float:right;margin-right:185px;padding-bottom:89px;padding-top:80px}

.our-stori-left-inner .readon::before,.our-story-right-inner .readon::before{background-color:#fff}

.our-stori-left-inner .readon::after,.our-story-right-inner .readon::after{color:#000}

body.home-5 .our-stori-left-inner .readon,body.home-5 .our-story-right-inner .readon{border:2px solid #fff;background:transparent}

body.home-5 .our-stori-left-inner .readon:hover,body.home-5 .our-story-right-inner .readon:hover{border-color:#fff;background:#fff;color:#000}
.our-story-right-inner{width:550px;margin-left:40px;padding-bottom:93px;padding-top:80px}
.our-story-left{float:left;position:relative;width:50%;background:#444}
.out-title5{margin-bottom:30px;padding-bottom:2px;padding-left:15px;padding-top:2px;border-left:5px solid #8f8f8f}
.out-title5 span{font-size:13px !important;line-height:13px !important;color:#fff !important}
.out-title5 h3{font-family:oxygen!important;font-size:24px;line-height:30px;color:#fff!important}
.our-story-left h5{margin-bottom:20px;font-family:oxygen!important;font-size:18px;font-weight:normal;line-height:24px;color:#fff!important}
.our-story-left p{margin-bottom:20px;font-size:14px;font-family:open sans;line-height:20px;color:#fff}
.our-story-left a{padding:13px 64px 13px 15px;font-size:15px}
.our-story-left img{position:absolute;top:-56px}
.our-story-right{float:right;width:50%;background:#3498DB}
.our-story-right p{color:#fff}
.our-story-right ul{overflow:hidden;padding-bottom:45px}
.our-story-right ul li{float:left;position:relative;width:50%}
.our-story-right ul li:after{position:absolute;top:4px;left:0;color:#fff;content:'+'}
.our-story-right ul li a{display:block;padding:4px 20px;color:rgba(255,255,255,0.7);text-decoration:none}
.our-story-right a{padding:13px 64px 13px 15px;font-size:15px}
body.home-5 .count-area{clear:both;background:#f5f5f5 none repeat scroll 0 0;color:#666}
body.home-5 .postDesc{display:inline-block;float:left;width:50%;margin-top:20px}
body.home-5 .count-box i{font-size:64px;color:#89c4eb}
body.home-5 .count-box h2{font-size:46px;font-family:'Oxygen';font-weight:bold;color:#666}
body.home-5 .count-box p{font-size:16px;color:#444}
.home5-recent-post{margin-top:34px!important}
body.home-5 .order-area3{background:#3498db;color:#fff}
body.home-5 .order-box{overflow:hidden;margin:0;padding:0;background:#3498db none repeat scroll 0 0;color:#fff}
body.home-5 .order-box h3{margin-bottom:5px;font-family:oxygen;font-size:22px;line-height:32px;color:#fff}
body.home-5 .order-box a{float:right;margin:2px 0 0 20px;padding:20px 30px;border-radius:3px;background:rgba(255, 255, 255, 0.2) none repeat scroll 0 0;font-size:18px;color:#fff;text-decoration:none}
body.home-5 .order-box a:hover{background:#217ebb none repeat scroll 0 0}
body.home-5 .footer-logo img{width:150px;margin-bottom:25px}
body.home-5 .footer-logo p{}
body.home-5 .latest-post ul li{padding:10px 0}
body.home-5 .latest-post ul li a{padding:0;font-family:open sans;font-size:14px;line-height:25px;color:#eee;text-decoration:none !important;text-transform:uppercase}
body.home-5 .latest-post ul li span{font-size:14px;line-height:18px;color:#ddd}
body.home-5 .footertop-menu h5{font-family:oxygen;color:#fff}
.flickr_feed{width:100%}
.flickr_feed a{float:left;width:20%;margin-right:5px;margin-bottom:5px;border-radius:5px!important}
body.home-5 #scrollUp,body.home-5 #scrollUp:hover{background-color:#3498DB}

/*=========================
24 home6
===========================*/
body.home-6{}
body.home-6 h1,body.home-6 h2,body.home-6 h3,body.home-6 h4,body.home-6 h5,body.home-6 h6{font-family:'Quicksand',sans-serif}
body.home-6 .home5-sticky{z-index:999999;border-bottom:1px solid #eee;background:#fff none repeat scroll 0 0}
body.home-6 .cart-and-search::after{top:-11px;left:92%;height:98px;background-color:#E73D78}
body.home-6 .cart-and-search::before{height:98px;background-color:#E73D78}
body.home-6 .sidr .side-search .header-search{background:#E73D78}
body.home-6 .smallHeading h3{background-color:transparent;font-size:35px;font-weight:700;line-height:30px;color:#fff}
body.home-6 .largeHeading.global-link-color *,body.home-6 .mediumHeading.global-link-color *,body.home-6 .smallHeading.global-link-color *{color:#ff4081}
body.home-6 .largeHeading2,body.home-6 .largeHeading2 h1{font-weight:bold;color:#ff4081}
body.home-6 .readon.large{display:inline-block;min-width:80px;margin-bottom:5px;padding:15px 65px 15px 20px;font-size:14px;font-weight:bold;line-height:16px;text-transform:uppercase}
body.home-6 .readon{display:inline-block;overflow:hidden;position:relative;padding:8px 55px 8px 15px;border:2px solid #ff4081;background:#ff4081 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
body.home-6 .readon:hover{border-color:#f50057;background:#f50057 none repeat scroll 0 0;color:#fff}
body.home-6 .detailText p{font-size:18px;font-weight:300;line-height:30px;color:#FFF}
body.home-6 .readon::before{position:absolute;top:0;right:-13px;width:55px;height:100%;background-color:rgba(0,0,0,0.1);content:'';transform:skewX(25deg)}

/*=========================
24.1 our featured area6
===========================*/
.our-fitured-area6{padding:110px 0}
.area-title-6{width:46%;margin:0 auto}
.area-title-6 h1{position:relative;width:100%;margin:0 auto}
.area-title-6 h1 span{position:relative;z-index:3;padding:0 20px;background:#F9F9F9 none repeat scroll 0 0;font-size:42px;font-weight:bold;line-height:42px;color:#444}
.area-title-6 h1:after{position:absolute;top:25px;left:0;z-index:2;width:100%;height:1px;border-bottom:1px solid #aaa;content:''}
.area-title-6 p{margin-top:16px;margin-bottom:13px;font-size:14px;line-height:22px}
.emargency6{margin-top:20px}
body.home-6 .emargency-box h3{position:relative;margin-bottom:35px;font-family:Quicksand;font-size:18px}
body.home-6 .emargency-box h3:after{position:absolute;top:31px;left:0;width:35px;height:2px;background:#fff none repeat scroll 0 0;content:''}
body.home-6 .emargency-one{margin:0;border:0 none #ddd;background-color:#5b3758;color:#fff}
body.home-6 .em-two{margin:0;border:0 none #ddd;background-color:#f9627d;color:#fff}
body.home-6 .em-three{margin:0;border:0 none #ddd;background-color:#6b529e;color:#fff}

/*=========================
24.2 popular service area6
===========================*/
.popular-service-area6{padding-bottom:105px;padding-top:105px;background:#f2f2f2 none repeat scroll 0 0}
.popular-service-area6 .area-title-6 h1 span{background:#F2F2F2 none repeat scroll 0 0}
.popular-slide6{margin-top:20px}
.popular-box6{position:relative;width:100%;height:100%}
.popular-image6{}
.popular-image6 img{}
.popular-box6:hover .popular-text6{height:27%;opacity:1}
.popular-text6{display:block;position:absolute;left:14px;bottom:0;width:92.6%;height:0;padding-bottom:25px;padding-left:30px;padding-top:15px;background-color:rgba(24,22,22,0.7);opacity:0;transition:all .3s ease 0}
.popular-text6 h3{margin:0;font-family:'Quicksand';font-size:16px;font-weight:400;line-height:21px;color:#fff}
.popular-text6 span{font-size:12px;line-height:16px;font-weight:400;font-family:'Open Sans',sans-serif;color:#aaa}

.popular-box6 .col-xs-12,.popular-box6 .col-sm-4,.popular-box6 .col-md-4{width:100%}
.popular-slide6 .owl-controls .owl-buttons div{display:inline-block;position:absolute;top:-40px;right:10px;margin:5px;padding:3px 10px;border-radius:0;background:#869791 none repeat scroll 0 0;font-size:12px;color:#fff;opacity:1}
.popular-slide6 .owl-controls .owl-buttons .owl-prev{margin-right:33px;padding:5px 6px;border-radius:3px 0 0 3px;cursor:pointer}
.popular-slide6 .owl-controls .owl-buttons .owl-next{padding:5px 6px;border-radius:0 3px 3px 0;cursor:pointer}
.popular-slide6 .owl-controls .owl-buttons .owl-next,.popular-slide6 .owl-controls .owl-buttons .owl-prev{background:#7c8b90}
.popular-slide6 .owl-controls .owl-buttons .owl-next:hover,.popular-slide6 .owl-controls .owl-buttons .owl-prev:hover{background:#7c8b90;opacity:0.5}

/*=========================
24.3 our popular member area6
===========================*/
.our-popular-member-area6{padding-top:110px;padding-bottom:80px}
.our-popular-member-area6 .area-title-6{width:70%}
.our-popular-member6{margin-top:20px}
.our-popular-member6 .sensitive-info{background:#2C3E50 none repeat scroll 0 0}
.our-popular-member6 .sensitive-info h3{color:#fff}
.our-popular-member6 .sociul4 p a{border:1px solid #FF538E}

/*=========================
24.4 recent post area6
===========================*/
.recent-post-area6{padding-top:100px;padding-bottom:100px;background:url(img/home6/twitterbg.png)}
.recent-post-slide6{position:relative}
.recent-post-inner6{}
.recent-post-inner6 a img{margin-bottom:30px}
.recent-post-inner6 p{font-size:24px;line-height:40px;color:#666}
.recent-post-inner6 p a{font-size:24px;color:#f50057}
.recent-post-inner6 a{font-size:15px;color:#f50057}
.recent-post-slide6 .owl-buttons .owl-prev{position:absolute;top:34%;left:60px;padding:15px!important;font-size:20px!important;cursor:pointer;opacity:0!important;transition:all .3s ease 0}
.recent-post-slide6 .owl-buttons .owl-next{position:absolute;top:34%;right:60px;padding:15px!important;font-size:20px!important;cursor:pointer;opacity:0!important;transition:all .3s ease 0}
.recent-post-slide6 .owl-buttons .owl-prev i,.recent-post-slide6 .owl-buttons .owl-next i{width:27px;height:40px;padding-top:5px;font-size:30px}
.recent-post-slide6 .owl-pagination{margin-top:35px}
.recent-post-slide6:hover .owl-buttons .owl-prev{left:20px;opacity:1!important}
.recent-post-slide6:hover .owl-buttons .owl-next{right:20px;opacity:1!important}

/*=========================
24.5 photo overview area6
===========================*/
.photo-overview-area6{padding-top:100px;padding-bottom:100px;background:#f9f9f9}
body.home-6 .demane-slide6{margin-top:20px}
body.home-6 .demane-slide6 .demand-box{width:103%;margin-bottom:15px}
body.home-6 .demand-box:hover .image-link a.search{top:20%;opacity:1}

/*=========================
24.6 our brands logo6
===========================*/
.our-brands-logo6{padding-bottom:45px;padding-top:40px;background:#f5f5f5 none repeat scroll 0 0}
.our-brands-logo6 .area-title-6 h1 span{background:#f5f5f5 none repeat scroll 0 0}
.brand-logo6{text-align:center}
.brand-logo6 ul{}
.brand-logo6 ul li{float:left;width:17.6%;margin-right:35px;margin-top:35px;padding:15px;border:1px solid #ddd;border-radius:2px;background:#f6f6f6;transition:all .3s ease 0}
.brand-logo6 ul li:hover{background:#fff}
.brand-logo6 ul li:last-child{margin-right:0}
.brand-logo6 ul li a{}
.brand-logo6 ul li a:hover{}
.brand-logo6 ul li a img{}
body.home-6 .order-area6{padding:55px 0;background:#ff4081 none repeat scroll 0 0}
body.home-6 .order-area6 .order-box{background:#E83C78}
body.home-6 .order-area6 .order-box h3{margin-bottom:5px;font-family:Quicksand;color:#fff}
body.home-6 .order-area6 .order-box a{background:rgba(255, 255, 255, 0.2) none repeat scroll 0 0;text-align:center}
body.home-6 .order-area6 .order-box a:hover{background:#ea4d84}
body.home-6 #scrollUp{background-color:#FF4081}
body.home-6 .email-newslatter h3{font-size:18px;font-weight:normal;font-family:quicksand;color:#fff}

/*=========================
25 home7
===========================*/
body.home-7{}
body.home-7 h1,body.home-7 h2,body.home-7 h3,body.home-7 h4,body.home-7 h5,body.home-7 h6,{font-family:'Dosis',sans-serif!important}
body.home-7 .blog-four{width:101.6%;margin-left:-18px}
body.home-7 .blog-four .portfolio-item{height:375px}
body.home-7 .header-search{margin-top:1px}
body.home-7 .cart-and-search::before{position:absolute;top:-11px;right:-366px;background-color:#23c6ec;content:''}
body.home-7 .sidr .side-search .header-search input{width:100%;height:40px;margin-top:26px;padding-left:35px;border-bottom:1px solid#52d2f0;color:#fff}
body.home-7 .cart-and-search::after{position:absolute;top:-11px;left:-40px;background-color:#23c6ec;content:'';transform:translateX(0px) skewX(0deg)}
body.home-7 .sidr .side-search .header-search{display:block;width:100%;height:94px;margin:0;padding:0;background:#23C6EC}
body.home-7 .side-menu-icon{float:right;position:relative;top:22px;left:-10px;z-index:1}
body.home-7 .menu ul{margin-top:18px}
body.home-7 .menu ul li::after{display:none}
body.home-7 .menu ul li{padding:0 0 40px}
body.home-7 .menu ul li a{padding:0 10px}
body.home-7 .pages-mega-menu .menu-colum a{padding:21px 0!important}
body.home-7 .pages-mega-menu .menu-colum a:nth-child(5){border-bottom:0 solid #ccc}
body.home-7 .five-collum-menu{left:-790px!important}
body.home-7 .shop-mega-menu{left:-855px!important}
body.home-7 .main-menu{border-bottom:0 solid rgba(0,0,0,0.1)}
body.home-7 .menu ul li a::after{position:absolute;left:50%;bottom:-15px;width:0;height:1px;background:#23C6EC none repeat scroll 0 0;content:'';transform:translateX(-50%);transition:all .5s cubic-bezier(0.06,0.68,0.57,1.07) 0}
body.home-7 .mega-menu{z-index:100;padding:0}
body.home-7 .menu ul li:hover a::after{width:100%}
body.home-7 .menu ul li ul li a::after{background:transparent none repeat scroll 0 0}
body.home-7 .menu ul li .menu-colum a::after{background:transparent none repeat scroll 0 0}
body.home-7 .five-collum-menu .menu-colum a{color:#23c6ec}
body.home-7 .mega-menu ul{margin-top:0 !important}
body.home-7 .mega-menu ul li{padding:0 25px !important}
.call-to-action-area7{height:55px;border-bottom:1px solid #ccc;background:#f2f2f2 none repeat scroll 0 0}
.coll-to-action7{margin-left:-10px;margin-top:18px;font-size:14px}
.coll-to-action7 p{margin-top:18px;margin-left:-10px}
.coll-to-action7 p strong{}
.coll-to-action7 p strong i{margin-left:10px;padding-right:5px}
.coll-to-action7 p a{margin-left:5px;color:#23c6ec}
.coll-to-action7 p a:hover{text-decoration:underline}
.call-to-action-area7 .header-search{position:relative;left:-28px;height:55px;padding-left:27px;background:#14BBE2 none repeat scroll 0 0;line-height:57px}
.call-to-action-area7 .header-search:after{position:absolute;top:0;right:-404px;width:404px;height:100%;background:#14BBE2 none repeat scroll 0 0;content:''}
body.home-7 span.search-button i{color:#fff}
body.home-7 .menu7.sticky{display:none}
body.home-7 .largeHeading,body.home-7 .largeHeading h1{font-size:75px;font-weight:700;line-height:normal;font-family:'Dosis',sans-serif;color:#FFF}
body.home-7 .largeHeadingBlack h1{font-size:75px;font-weight:700;line-height:normal;font-family:'Dosis',sans-serif;color:#000;letter-spacing:2px}
body.home-7 .largeHeading.global-link-color *,body.home-7 .mediumHeading.global-link-color *,body.home-7 .smallHeading.global-link-color *{color:#23c6ec}
body.home-7 .readon{border:2px solid #23c6ec;background:#23c6ec}
body.home-7 .readon.border:hover{background-color:#13bbe2;color:#fff}
body.home-7 .readon.black.border{border-color:#444;background:transparent}
body.home-7 .readon.black.border:hover{background:#444;color:#fff}
body.home-7 .readon:hover{border-color:#13bbe2;background:#13bbe2 none repeat scroll 0 0;color:#fff}
body.home-7 .readon::before{position:absolute;top:0;right:-13px;width:55px;height:100%;background-color:rgba(0,0,0,0.1);content:'';transform:skewX(25deg)}
body.home-7 .detailText p{font-size:18px;font-weight:300;line-height:30px;color:#FFF}

/*=========================
25.1 our core service
===========================*/
body.home-7 .our-core-service7{padding:115px 0 75px;background:#fff none repeat scroll 0 0}
body.home-7 .we-do-area{border:0 solid #ddd}
body.home-7 .we-do-box{margin:45px -15px;padding:15px;border-right:1px solid #ddd}
body.home-7 .we-do-last{border-right:0 solid #ddd!important}
body.home-7 .area-title3 h2{position:relative;margin-bottom:44px;font-family:'Dosis';font-size:38px;font-weight:bold;line-height:38px;color:#444}
body.home-7 .we-do-text h3{margin-bottom:12px;font-family:dosis;font-size:18px}
body.home-7 .we-do-text a{color:#13bbe2}
body.home-7 .we-do-text a:hover{text-decoration:underline}
body.home-7 .our-story-left img{position:absolute;top:-22px;right:-90px}
body.home-7 .our-stori-left-inner{margin-right:255px;padding-top:100px}
body.home-7 .out-title5 h3{font-family:dosis;font-weight:bold}
body.home-7 .our-story-left h5{font-size:20px;font-family:dosis}
body.home-7 .our-story-right p{margin-bottom:35px;font-family:open sans;font-size:14px;line-height:20px;color:#fff}
body.home-7 .our-story-right ul li a{padding:5.2px 20px}
body.home-7 .our-story-right ul li a:hover{color:#fff;text-decoration:underline}
body.home-7 .our-story-right{background:#23C6EC}
body.home-7 .our-story-right-inner{padding-bottom:90px;padding-top:100px}
body.home-7 .our-story-left .readon,body.home-7 .our-story-right .readon{border:2px solid #fff;background:transparent;color:#fff}
body.home-7 .our-story-left .readon::before,body.home-7 .our-story-right .readon::before{background-color:#fff}
body.home-7 .our-story-left .readon.border:hover,body.home-7 .our-story-right .readon.border:hover{background-color:#fff;color:#000}
body.home-7 .our-stori-left-inner .readon::after,body.home-7 .our-story-right-inner .readon::after{color:#000}

/*=========================
25.2 check our work7
===========================*/
.check-our-work7{clear:both;padding-top:120px;padding-bottom:120px}
.work-gallery7{}
.work-menu-7{margin-bottom:35px;margin-top:20px}
.work-menu-7 ul{width:100%;margin:0 auto;text-align:center}
.work-menu-7 ul li{display:inline-block;position:relative;padding:10px;font-size:15px;font-weight:bold;text-transform:uppercase;cursor:pointer}
.work-menu-7 ul li:after{position:absolute;top:10px;left:-8px;content:'/'}
.work-menu-7 ul li:first-child:after{display:none}
.work-item7{width:100%}
.work-collam{float:left;width:33.33%}
.work-collam-inner{margin:-2px 0 0;line-height:0}
.work-image7{position:relative;width:100%;height:100%}
.work-image7:hover .work-text7{opacity:1}
.work-image7 img{width:100%}
.work-text7{position:absolute;top:0;width:100%;height:100%;padding:20px;background:rgba(0, 0, 0, 0.65) none repeat scroll 0 0;color:#fff;opacity:0.7;transition:all .3s ease 0;opacity:0}
.work-text7 h5{margin-bottom:15px;font-size:20px;font-family:dosis;font-weight:normal;color:#fff}
.work-text7 p{}
.mix{display:none}

/*=========================
25.3 meet our team area7
===========================*/
.meet-our-team-area7{padding-bottom:105px;padding-top:120px;background:#f2f2f2 none repeat scroll 0 0}
.meet-our-team-box-area7{margin-top:34px}
.meet-team-box7{}
.meet-team-box7-img{}
.meet-team-box7-img img{}
.teem7-social{position:relative;margin-top:-40px;padding:0;background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;opacity:0;transition:opacity .5s ease 0}
.meet-team-box7:hover .teem7-social{opacity:1}
.teem7-social p{}
.teem7-social p a{display:inline-block;width:40px;font-size:18px;line-height:40px;color:#555;text-decoration:none}
.teem7-social p a:hover{background:#fff}
.teem7-social p a i{}
.meet-team-box7-text{position:relative;top:0;padding:30px 15px;background:#fff none repeat scroll 0 0}
.meet-team-box7-text h5{display:block;margin-bottom:5px;font-size:20px;font-weight:600;font-family:dosis;color:#333}
.meet-team-box7-text span{display:block;margin-bottom:1em;font-family:dosis;font-size:16px !important;line-height:27px!important;color:#333 !important;opacity:0.5;text-transform:capitalize !important}
.meet-team-box7-text p{margin-bottom:0;margin-top:15px;font-family:dosis;font-size:16px;font-weight:500;line-height:20px;color:#333}

/*=========================
25.4 testimonial area7
===========================*/
.testimonial-area7{padding-top:120px;padding-bottom:115px}
.textimonial7-inner{margin-top:10px}
body.home-7 .people-asy-top{position:relative;margin-bottom:0;margin-left:4px;padding:40px 40px 50px 70px;border-color:#23c6ec !important;border-radius:5px;border-style:solid;border-width:1px 1px 1px 0;background:#fff none repeat scroll 0 0;font-style:italic;font-weight:500;color:#000;box-shadow:-4px 0 0 #23c6ec}

/*=========================
25.5 kirion video area7
===========================*/
.kirion-video-area7{overflow:hidden;position:relative;height:482px}
body.home-7 .video-caption{position:absolute;top:40%;left:37%;z-index:999;text-align:center}
.video-caption h1{font-size:120px;font-weight:bold;line-height:120px;color:#fff}
.video-caption h3{font-size:18px;color:#fff;letter-spacing:2px}
.kirion-video-area7:after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/home7/video-ovarlay.png);content:''}
#slider-bg{position:relative;top:-250px;width:100%}

/*=========================
25.6 count-area 7
===========================*/
body.home-7 .count-area{padding-top:100px;padding-bottom:120px;background:#f8f8f8 none repeat scroll 0 0;color:#666}
body.home-7 .count-box i{float:left;position:relative;top:0;width:50px;height:50px;font-size:44px;color:#89c4eb}
body.home-7 .count-content{float:left;padding-left:12px}
body.home-7 .count-box h2 span{float:left;font-size:32px;font-family:Dosis;color:#666 !important}
body.home-7 .count-box h2 span{float:left;margin-bottom:7px;font-family:Dosis;font-size:32px;color:#666 !important}

/*=========================
25.7 plan-and price area7
===========================*/
.plan-and-price-area7{padding-bottom:120px;padding-top:150px}
.select-plan7{float:right;width:100%;padding-top:138px;text-align:right}
.select-plan7 h1{padding-bottom:7px;border-bottom:2px solid #23c6ec;font-size:24px;font-weight:bold;line-height:24px;color:#444}
.select-plan7 h1 span{font-size:24px;font-weight:bold;line-height:24px;color:#444;text-transform:capitalize}
.select-plan7 ul{margin-top:55px}
.select-plan7 ul li{margin:0 !important;padding:10px !important;border-bottom:1px solid rgba(0,0,0,0.05);font-family:dosis;font-weight:500;color:#666}
.pricing-details{margin-top:85px}
.single-plan{float:left;border:1px solid rgba(0,0,0,0.06);border-right:1px solid rgba(0,0,0,0.06);text-align:center}
.plan-head{position:relative;z-index:2;margin-bottom:25px;border-bottom:1px solid #29C6EC !important;color:#444}
.plan-options{margin-top:18px;border-top:1px solid #eee}
.plan-name{padding:20px 0;background:rgba(0, 0, 0, 0.03) none repeat scroll 0 0;font-size:1.5em;color:#23C6EC}
.plan-price{display:inline-block;font-size:2.3em;font-weight:bold;line-height:normal}
.plan-price p{margin-top:14px !important;margin-bottom:18px!important;font-size:14px;font-weight:normal;color:#23c6ec !important;text-align:center;opacity:0.7}
.plan-price-before{display:inline-block;font-size:.7em;font-weight:normal;vertical-align:middle}
.plan-price-value{display:inline-block;font-size:1.3em !important;vertical-align:middle}
.plan-period::before{position:absolute;top:0;left:0;content:'/'}
.plan-period{display:inline-block;position:relative;top:4px;padding-left:7px;opacity:0.7}
.single-plan p{display:block;margin:0 10px 10px;font-size:15px;color:#999}
.plan-options ul li{padding:.5em .2em;border-bottom:1px solid #eee;font-size:15px}
.plan-options ul li:last-child{border-bottom:0 solid #eee}
.plan-options ul li span.plan-border{margin-bottom:-3px;padding-bottom:2px;border-bottom:1px dotted rgba(0,0,0,0.2)}
.plan-options ul li span{margin-bottom:-3px;padding-bottom:2px;border-bottom:1px dotted rgba(0,0,0,0.2);font-weight:600;color:#333 !important;text-transform:capitalize}
.sign-up{padding:40px 0;border-top:1px solid #eee !important}
.sign-up a{display:inline-block;padding:10px 40px;border-radius:5px;background:#4fc1e9 none repeat scroll 0 0;font-weight:600;color:#fff;text-decoration:none}
.sign-up a:hover{background-color:#1aa0d1}
.medil-plan7{overflow:hidden;margin-top:-45px}
.medil-plan7 a{background:#e54c4c!important;transition:all .3s ease 0}
.medil-plan7 a:hover{background:#c91d1d}
.medil-plan7 .su-plan-badge{position:absolute;top:23px;right:-27px;width:125px;padding:5px 8px;border-color:#de2020;border-style:solid;border-width:2px;background-color:#e54c4c;font-size:10px;line-height:10px;color:#fff;text-align:center;transform:rotate(45deg)}
.medil-plan7 .plan-price-before{color:#666}
.medil-plan7 .plan-head{position:relative;z-index:2;margin-bottom:40px;border-bottom:1px solid #666 !important;color:#444}
.medil-plan7 .plan-name,.medil-plan7 .plan-price-value{color:#666!important}
.medil-plan7 p{color:#666!important}
.medil-plan7 .sign-up{padding-bottom:55px}
.form-blog-post7{padding-top:117px;background:#F2F2F2}
.blog-post7-area{padding-top:36px;line-height:0}
.blog-post7-area .portfolio-title{}
.blog-post7-area .portfolio-title h3{color:#fff}
.blog-post7-area .portfolio-title h3 a{color:#fff}
.blog-post7-area .portfolio-title span.comment{}
.blog-post7-area .portfolio-title span.comment a{color:#fff}
body.home-7 .portfolio-item::before{background-color:#23C6EC}
body.home-7 .portfolio-title > p{width:50%;margin-top:20px;line-height:20px}
body.home-7 .footer-top{clear:both}
body.home-7 .footertop-menu ul li a{padding:15px 0}
body.home-7 .about-us3 h5{font-weight:normal}
body.home-7 #scrollUp{background-color:#23C6EC}

/*=========================
26. home-8
===========================*/
body.home-8 .main-area{width:1400px;margin:0 auto;border:1px solid #ddd}
.call-to-actin-top8{border-bottom:1px solid #ddd}
body.home-8 .coll-to-action7{padding-bottom:4px}
body.home-8 .menu ul{float:left}
body.home-8 .menu ul li a{padding:0 5px}
body.home-8 .menu ul li::after{transform:skew(0deg)}
body.home-8 .main-menu{background-color:#f7f7f7}
body.home-8 .menu ul li{position:relative;height:100%}
body.home-8 .menu ul li:first-child{border-left:1px solid #ddd}
body.home-8 .menu ul li:before{position:absolute;width:0;width:0;height:100%;background:rgba(0, 0, 0, 0.05) none repeat scroll 0 0;content:'';transition:all .3s ease 0}
body.home-8 .menu ul li:hover:before{width:100%!important;margin-left:-17px}
body.home-8 .mega-menu{z-index:25}
body.home-8 .mega-menu ul li:first-child{border-left:0 solid #ddd}
body.home-8 .sb-open-left > a{color:#000}
body.home-8 .shop-mega-menu{left:-599px!important}
body.home-8 .cart-and-search::before{position:absolute;top:85px;right:-245%;z-index:30;width:230%;height:56px;background-color:#ff2b42;content:''}
body.home-8 .pages-mega-menu{left:-630%!important}
body.home-8 .cart-and-search::after{position:absolute;top:85px;left:240%;z-index:31;width:170%;height:56px;background-color:#ff2b42;content:'';transform:translateX(-60px) skewX(-25deg)}
body.home-8 .five-collum-menu{left:-220px}
body.home-8 .header-search{margin-left:15px;margin-right:-60px;margin-top:3px;line-height:80px}
body.home-8 .readon.white{border:2px solid #FF2B42;color:#fff}
body.home-8 .slider{overflow:hidden;width:1400px !important}
body.home-8 .tp-leftarrow{left:280px!important}
body.home-8 .tp-rightarrow{right:280px!important}
body.home-8 .portfolio-gallery-area{width:100%;padding:30px 130px}
.mosaic-none{display:none}
body.home-8 .blog-post-area{width:100% !important;padding:30px 130px}
body.home-8 .item-two-mb{overflow:hidden;margin-bottom:15px}
body.home-8 .portfolio-item-two img{height:214px;padding-right:15px}
body.home-8 .blog-post-area .single-blog-post8{float:left}
body.home-8 .blog-post-area .single-blog-post8:nth-child(n+1){width:40%}
body.home-8 .blog-post-area .single-blog-post8:nth-child(n+2){width:30%}
body.home-8 .blog-post-area .single-blog-post8 .mini8{height:200px}
body.home-8 .blog-post-area .single-blog-post8 .large8 img{height:400px}
body.home-8 .portfolio-item-one .portfolio-item > img{height:443px}
body.home-8 .portfolio-item-two img{height:214px}
body.home-8 .portfolio-item-three img{width:100% !important;height:214px;margin-bottom:0}
body.home-8 .poerfolio-three-iteam img{width:100%;height:214px}
body.home-8 .portfolio-item.three-inner-one,body.home-8 .portfolio-item.three-inner-two{width:180px!important;height:200px;margin-top:0}
body.home-8 .portfolio-item-three .portfolio-item,body.home-8 .portfolio-item-two .portfolio-item{width:100% !important;height:200px}
body.home-8 .portfolio-item-one .portfolio-item{height:415px}
body.home-8 .blog-post-area .blog-four{width:100%;margin-left:-18px}
body.home-8 .portfolio-item.three-inner-one,body.home-8 .portfolio-item.three-inner-two{width:98%!important}
body.home-8 .blog-post-area .blog-one{height:400px}
body.home-8 .blog-four .portfolio-item{height:200px}
body.home-8 .featuer-top h2{position:relative;width:40%;margin:20px auto;padding-bottom:20px;border-bottom:1px solid #ddd}
body.home-8 .featuer-top h2:before{position:absolute;top:62px;left:70px;width:70%;height:1px;background:#ff2b42 none repeat scroll 0 0;content:''}
.project-view8{overflow:hidden;padding:80px 100px;padding-bottom:13px;background:#f2f2f2 none repeat scroll 0 0}
body.home-8 .team-member-area{padding-bottom:90px;padding-top:90px}
body.home-8 .project-view8 .screenshot-area{width:1200px}
body.home-8 .project-view8 .screenshot-image-meddin{top:-365px}
body.home-8 .project-view8 .screenshot-image-center{float:left;position:relative;top:75px;left:0;width:40%}
body.home-8 .project-view8 .featuer-top h2::before{left:0;width:70%}
.project-view8 .featuer-top{}
.project-view8 .featuer-top h1{}
.project-view8 .featuer-top h2{margin-left:0!important;border-bottom:none!important}
.project-view8 .featuer-top p{margin-left:0}
body.home-8 .count-area{padding:35px 0;background:#ff2b42 none repeat scroll 0 0}
body.home-8 .count-box h2{padding-top:20px}
body.home-8 .count-box p{padding-bottom:20px}
body.home-8 .team-member-area .featuer-top h2::before,body.home-8 .portfolio-area .featuer-top h2::before,body.home-8 .optimize-area .featuer-top h2::before,body.home-8 .blog-area .featuer-top h2::before{left:0;width:55%}
body.home-8 .team-member-area .featuer-top h2,body.home-8 .portfolio-area .featuer-top h2,body.home-8 .optimize-area .featuer-top h2,body.home-8 .blog-area .featuer-top h2{width:50%;margin:0}
body.home-8 .team-member-area .featuer-top p,body.home-8 .portfolio-area .featuer-top p,body.home-8 .optimize-area .featuer-top p,body.home-8 .blog-area .featuer-top p{float:left;margin-top:20px}
body.home-8 .team-member-area .single-team,body.home-8 .portfolio-area .single-team,body.home-8 .optimize-area .single-team,body.home-8 .blog-area .single-team{clear:both;padding-top:13px}
body.home-8 .client-area{display:block;overflow:hidden;width:100%;padding:100px 0;padding-bottom:80px;background:rgba(0, 0, 0, 0) url(img/home8/abstruct.jpg) repeat scroll 0 0}
body.home-8 .client-logo{margin-bottom:25px;border:medium none;border-radius:2px;background-color:rgba(255,255,255,0.5);transition:all .3s ease 0}
body.home-8 .portfolio-title h3{color:#fff}
body.home-8 .portfolio-title h5{color:#fff}
body.home-8 .client-logo:hover{background:#fff}
body.home-8 .portfolio-area{padding-bottom:75px;padding-top:105px}
body.home-8 .optimize-area{padding-top:92px}
body.home-8 .blog-area{padding-bottom:74px;padding-top:105px;background:#fff none repeat scroll 0 0}
body.home-8 .blog-post-area{overflow:hidden;width:99% !important}
body.home-8 .footertop-menu ul li a{padding:10px 0}
body.home-8 .footertop-menu{min-height:250px}
body.home-8 .mega-menu ul li a{height:inherit;margin-bottom:0;padding:7px 0;line-height:1}
body.home-8 .one-collam-menu .mega-menu ul li a{height:40px !important;padding:0!important;line-height:37px}
body.home-8 .pages-mega-menu .menu-colum a{padding:21px 0!important;transition:all .3s ease 0}
.five-collum-menu .menu-colum:last-child{border-right:0}
body.home-8 .coll-to-action7{padding-bottom:18px}
body.home-8 .footertop-menu h5{}

/*=========================
27. home-9
===========================*/
body.home-9{font-size:14px;line-height:20px}
body.home-9 h1,body.home-9 h2,body.home-9 h3,body.home-9 h4,body.home-9 h5,body.home-9 h6{}
body.home-9 p{}
body.home-9 .mega-menu{width:160px;padding-left:20px}
body.home-9 .menu ul li a{font-size:14px}
.featurest-area9{margin-top:100px;margin-bottom:60px}
.area-title9{width:44%;margin:0 auto}
.area-title9 h2{display:inline-block;position:relative;width:100%;height:100%;margin-bottom:35px;font-size:28px;font-weight:bold;line-height:28px;color:#000}
.area-title9 p{font-size:14px;line-height:23px;color:#666}
.area-title9 h2::after{position:absolute;top:39px;left:50%;width:32px;height:2px;margin-left:-16px;background:#ff6c2c none repeat scroll 0 0;content:''}
.featured-list{overflow:hidden}
.featured-box{margin-bottom:45px}
.featured-box i{font-size:64px;color:#58da82}
.featured-box i.list-img-icon1{color:#df608e}
.featured-box i.list-img-icon2{color:#ff6a56}
.featured-box i.list-img-icon3{color:#10c7c7}
.featured-box i.list-img-icon4{color:#209986}
.featured-box i.list-img-icon5{color:#8d65b3}
.featured-box h3{margin-bottom:10px;margin-top:12px;font-size:18px;font-weight:500;line-height:normal;color:#444}
.featured-box p{color:#666}
body.home-9 header a i{position:absolute;top:o;left:0}
body.home-9 #simple-menu i{padding:18px;background:#ff6c2c none repeat scroll 0 0;font-size:20px;color:#fff}
body.home-9 .header-search{position:absolute;top:-5px;right:0;height:56px !important;margin-right:0;padding-left:15px;padding-right:15px;background:#444 none repeat scroll 0 0;line-height:53px !important;color:#fff;transition:all .2s linear 0}
body.home-9 .header-search input{color:#fff}
body.home-9 span.search-button i{position:relative;top:0;right:-7px;color:#fff}
body.home-9 .header-search input:focus{width:200px;margin-left:5px;padding-left:25px}
.medil-logo9 img{overflow:hidden;margin-bottom:-38px}
.medil-movie img{overflow:hidden;margin-bottom:-10px}
body.home-9 .menu ul li::after{position:absolute;top:0;left:0;width:1px;height:100%;background:transparent;content:'';transform:skew(0deg)}
body.home-9 .menu ul li{display:inline;position:relative;padding:7px}
body.home-9 .mega-menu{z-index:25;background:#fff!important}
body.home-9 .largeHeading.global-link-color *,body.home-9 .mediumHeading.global-link-color *,body.home-9 .smallHeading.global-link-color *{color:#ff6c2c}
body.home-9 .largeHeadingBlack h1{font-size:75px;font-weight:700;line-height:normal;color:#000;letter-spacing:2px}
body.home-9 .global-link-color *{margin-top:19px!important;color:#666 !important}
body.home-9 .detailTextBlack p{font-size:18px;font-weight:300;line-height:30px;color:#000}
body.home-9 .readon.black.border{border-color:#444}
body.home-9 .readon.border{background-color:transparent;color:#444}
body.home-9 .readon.black:hover{background:#444 none repeat scroll 0 0 !important;color:#fff}

/*=========================
27.1 fill our work area9
===========================*/
.fill-our-work-area9{padding-bottom:172px;padding-top:105px;background:#f2f2f2 none repeat scroll 0 0}
.fill-work-fr9{position:absolute;max-width:100%}
.work-freame9{position:relative;max-width:944px;padding:4.3% 3% 8.2% 8%}
.work-frem-item{}
.work-frem-item img{}
.fill-work9-text{margin-left:35px}
.fill-work9-text h2{position:relative;width:100%;height:100%;margin-bottom:38px;font-size:28px;font-weight:bold;line-height:28px;color:#444}
.fill-work9-text h2:after{position:absolute;top:130%;left:0;width:32px;height:2px;background:#ff6c2c;content:''}
.fill-work9-text p{margin-bottom:20px;color:#666}
.fill-work9-text a{margin-top:55px}
.fill-our-work-area9 .owl-controls{margin-top:-50px;text-align:center}
.fill-our-work-area9 .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;border-radius:20px;border:2px solid #fff;background:transparent;opacity:0.9}
.fill-our-work-area9 .owl-controls .owl-page.active span,.fill-our-work-area9 .owl-controls.clickable .owl-page:hover span{background:#fff;opacity:0.9}

/*=========================
27.2 fill our work area9
===========================*/
.we-are-expert9-area{padding-bottom:65px;padding-top:100px}
.expert9{overflow:hidden}
.expert9 h3{position:relative;width:100%;height:100%;margin-bottom:65px;font-size:20px;font-weight:bold;line-height:20px;color:#444}
.expert9 h3:after{position:absolute;top:130%;left:0;width:32px;height:2px;background:#ff6c2c;content:''}
body.home-9 .skill-content-3{overflow:hidden}
body.home-9 .skill .progress .lead{position:absolute;top:-23px;left:0;z-index:99;font-family:'Roboto Slab';font-size:16px;font-weight:normal;color:#444}
body.home-9 .skill .progress{overflow:visible;position:relative;height:5px;margin-bottom:40px;border-radius:0;background-color:#f0f0f0;box-shadow:none}
body.home-9 .skill .progress-bar > span{float:right;position:relative;margin-right:10px;margin-top:-26px;padding:0 5px;background:#333 none repeat scroll 0 0;font-size:12px; font-weight: 900;;}
body.home-9 .skill .progress-bar > span:before,.skill .progress-bar > span:after{position:absolute;top:100%;width:0;height:0;border:medium solid transparent;content:' ';pointer-events:none}
body.home-9 .skill .progress-bar > span:before{left:50%;margin-left:-5px;border-top-color:#333;border-width:5px}
body.home-9 .holax-shop h3,.we-are-good-at h3{margin-bottom:25px;font-size:18px}
body.home-9 .skill .progress:nth-child(1) .progress-bar{background:#5B9FD0}
body.home-9 .skill .progress:nth-child(2) .progress-bar{background:#E44D26}
body.home-9 .skill .progress:nth-child(3) .progress-bar{background:#E77713}
body.home-9 .skill .progress:nth-child(4) .progress-bar{background:#21AC0D}
body.home-9 .skill .progress:nth-child(5) .progress-bar{background:#08759B}
body.home-9 .one-collam-menu .mega-menu ul li a{height:25px !important}
.expert-accordion9{}
.expert-accordion9 h3{position:relative;width:100%;height:100%;margin-bottom:43px;font-size:20px;font-weight:bold;line-height:20px;color:#444}
.expert-accordion9 h3:after{position:absolute;top:130%;left:0;width:32px;height:2px;background:#ff6c2c;content:''}
.expert-accordion9 .panel-default{border-color:transparent}
.expert-accordion9 .panel-default > .panel-heading{border-color:transparent;background:transparent none repeat scroll 0 0;color:#333}
.expert-accordion9 .glyphicon{display:inline-block;position:relative;top:1px;margin-right:10px;margin-top:4px;font-family:'Glyphicons Halflings';font-size:12px;font-style:normal;font-weight:300 !important;line-height:1;color:#666}
.expert-accordion9 a:hover{color:#000;text-decoration:none}

/*=========================
27.3 fill our work area9
===========================*/
.kirion-is-amizing9-area{overflow:hidden;width:100%}
.kirion-amizing-left{overflow:hidden;float:left;position:relative;width:50%}
.kirion-amizing-left h2{position:relative;width:100%;height:100%;margin-bottom:5%;margin-top:5%;font-size:28px;line-height:28px;font-weight:bold;color:#fff;text-align:center}
.kirion-amizing-left h2:after{position:absolute;top:130%;left:48.5%;width:30px;height:2px;background:#ff6c2c;content:''}
.kirion-amizing-right{float:right;width:50%}
.kirion-amizing-right img{width:100%;height:100%}
.kirion-amizing-left img{width:100%;height:100%}
.kirion-amizing-box{overflow:hidden;float:left;width:50%;padding-bottom:30px;padding-left:47px}
.amizing-box-icon{float:left;width:20%}
.amizing-box-icon i{font-size:54px;color:#ff6c2c}
.amizing-box-details{float:left;width:80%;padding-left:10px}
.amizing-box-details h3{margin-bottom:10px;font-size:18px;line-height:24px;color:#fff}
.amizing-box-details p{font-size:14px;color:#ddd}

/*=========================
27.4 our relable work9 area
===========================*/
.our-relable-work9-area{clear:both;padding-bottom:100px;padding-top:125px;background:rgba(0, 0, 0, 0) url(img/home9/stationery01.jpg) repeat scroll 0 0}
.reliable-work-box-area{width:100%;margin-top:38px}
.reliable-work-box-area button{margin-left:44%;margin-top:40px;padding:8px 30px;border:1px solid #eee;background:transparent none repeat scroll 0 0;font-size:14px;font-weight:400}
.awesome-portfolio-area{overflow:hidden;padding-top:160px;background:#f7f5f6 none repeat scroll 0 0}
.section-heading{text-align:center}
.section-heading h1{margin-bottom:20px;font-size:45px;line-height:45px;color:#666}
.section-heading p{}
.awesome-portfolio{}
.single-awesome-portfolio{overflow:hidden;float:left;width:33.33%;line-height:0}
.single-awesome-portfolio a{display:block;position:relative}
.awesome-img{display:block;overflow:hidden;position:relative;z-index:2;transition:transform .6s cubic-bezier(0.19,1,0.22,1) 0}
.awesome-img img{}
.awesome-info{display:block;position:absolute;top:0;width:100%;height:100%;padding:20px 30px 12px;background-color:#282727;opacity:1}
.awesome-info h3{margin-bottom:3px;font-size:16px;color:#fff}
.awesome-info p{font-size:12px;line-height:20px;color:#aaa}
.single-awesome-portfolio a:hover .awesome-img{transform:translateY(100%)}
.awesome-portfolio-menu{margin-bottom:40px;margin-top:20px}
.awesome-portfolio-menu ul{text-align:center}
.awesome-portfolio-menu ul li{display:inline-block;margin:0 4px;padding:8px 17px;border:1px solid #ececec;background:#fff;font-size:12px;font-weight:300;color:#888;cursor:pointer;transition:all .3s ease 0}
.awesome-portfolio-menu ul li.active,.awesome-portfolio-menu ul li:hover{border-color:#2bcdc1;color:#2bcdc1}

/*=========================
27.5 emergency area9
===========================*/
.emargency-area9{width:100%}
body.home-9 .emargency-area9 .emargency-one{float:left;width:33.33%;padding-top:30px;padding-bottom:27px}
body.home-9 .emargency-area9 .emargency-one{overflow:hidden;position:relative;min-height:320px;margin:0;border:0 none #ddd;background-color:#1a2b33;color:#fff;opacity:0.9;transition:all .3s ease 0}
body.home-9 .emargency-area9 .emargency-one:hover{opacity:1}
body.home-9 .emargency-area9 .em-three{background:#38C7BE none repeat scroll 0 0}
body.home-9 .emargency-area9 .em-two{background:#FF5252 none repeat scroll 0 0}

/*=========================
27.7 emergency carosel area9
===========================*/
.emargency-carosel-area9{clear:both;padding-bottom:95px;padding-top:105px;background:#f5f5f5 none repeat scroll 0 0}
.emargency-carosel{margin-right:-10px;padding:0 15px}
.emargency-box9{margin-right:10px}
.imargency-image9{position:relative;width:100%;height:100%}
.imargency-image9 img{width:100%}
.imargencyimage9-link{position:absolute;top:43%;left:30.5%}
.imargencyimage9-link a{left:40%;z-index:1;padding:10px 13px;border-radius:2px;background-color:rgba(0,0,0,0.2);color:rgba(255,255,255,0.75);opacity:0;transform:translateX(-50px);transition:all .4s ease-in-out 0}
.imargencyimage9-link a:hover{background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0;color:#fff}
.imargencyimage9-link a.search9{position:absolute;top:-44px;left:-30px;width:40px;transition:all .3s ease 0}
.emargency-box9:hover .imargencyimage9-link a.search9{left:50px;opacity:1}
.emargency-box9:hover .imargencyimage9-link a.link9{left:160px;opacity:1}
.imargencyimage9-link a.link9{position:absolute;top:-9px;left:240px}
.imargency-details9{padding:28px 32px 30px;background:#fff none repeat scroll 0 0}
.imargency-info9{}
.imargency-info9 p{display:inline-block;position:relative;font-size:12px;color:#999}
.imargency-info9 p span{position:relative;width:100%;height:100%;margin-left:9px}
.imargency-info9 p span:after{position:absolute;top:5px;left:-6px;bottom:6px;width:1px;height:8px;background-color:#ddd;content:''}
.imargency-details9 h3{margin-bottom:10px;font-size:20px;font-weight:bold;line-height:normal;color:#000}
.imargency-details9 h3 a:hover{font-weight:bold;color:#000}
.imargency-details9 h3 a{}
.imargency-details9 p{}
.checkout-our-templates9{padding-top:58px;padding-bottom:46px;background:#ff6c2c}
.checkout-our-templates9 h3{font-size:36px;line-height:42px;font-weight:500;color:#fff}
body.home-9 #scrollUp{background-color:#FF6C2C}

body.home-9 .footertop-menu ul li a{padding:4px 0;transition:all .3s ease 0}
body.home-9 .footertop-menu ul li a:hover{margin-left:10px}
body.home-9 .mega-menu ul li a{border-bottom:0 solid #333;color:#666;transition:all .3s ease 0;text-transform:capitalize}
body.home-9 .mega-menu ul li a:hover,body.home-9 .mega-menu ul li a:hover div{color:#0165b1}
body.home-9 .mega-menu ul li a div{color:#666;transition:all .3s ease 0;text-transform:capitalize}
body.home-9 .mega-menu ul li{border-right:0 solid #333}
body.home-9 .mega-menu ul li a{height:30px;padding:15px 0 15px 15px}
body.home-9 .five-collum-menu{background:#fff none repeat scroll 0 0}
body.home-9 .five-collum-menu .menu-colum a{color:#ff6c2c;transition:all .3s ease 0}
body.home-9 .five-collum-menu .menu-colum a:hover{color:#ff5a14}
body.home-9 .five-collum-menu .menu-colum h3{border-bottom:0 solid #333}
body.home-9 .five-collum-menu .menu-colum{border-right:0 solid #333}
body.home-9 .five-collum-menu .menu-colum h3 a{color:#666;transition:all .3s ease 0}
body.home-9 .five-collum-menu .menu-colum h3 a:hover{color:#000}
body.home-9 .pages-mega-menu .menu-colum a{border-bottom:0 solid #333;color:#666;transition:all .3s ease 0}
body.home-9 .pages-mega-menu .menu-colum a:hover{color:#000}

/*=========================
28. about-us
===========================*/
body.pages{}
body.pages h1,body.pages h2,body.pages h3,body.pages h4,body.pages h5,body.pages h6{font-family:'Raleway';font-weight:300;color:#444;text-transform:none}
body.pages p{font-size:14px;line-height:20px}
.cart-and-search::before{height:97px}
.cart-and-search::after{height:97px}
.sidr .side-search .header-search{height:97px}
.breadcrumb-area{padding-top:8px;border-top:1px solid #eee}
.breadcrumb-kirion{}
.breadcrumb-kirion ul.breadcrumb{margin-bottom:7px;border-bottom:1px solid #efefef;background:transparent none repeat scroll 0 0}
.breadcrumb > li + li::before{padding:0 7px;font-family:fontawesome;color:#666;content:'\f105'}
.breadcrumb-kirion ul.breadcrumb li.bre-title{margin-right:8px;font-size:14px;font-weight:bold;color:#666;text-transform:uppercase}
.breadcrumb-kirion ul.breadcrumb li{}
.breadcrumb-kirion ul.breadcrumb li a.pathway{font-size:14px;color:#ff2b42;text-decoration:none;text-transform:uppercase;cursor:pointer}
.breadcrumb-kirion ul.breadcrumb li a:hover,.breadcrumb-kirion ul.breadcrumb li a:focus{color:#0163ae}
.fpages .footertop-menu ul li a{padding:11px 0}
.fpages .footertop-menu{height:280px}

/* =============================================================================
HTML5 CSS Reset Minified - Eric Meyer
========================================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;background:transparent;font-size:100%;vertical-align:baseline;outline:0}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;min-height:56px}
nav ul{list-style:none}
blockquote,q{quotes:'none'}
blockquote:before,blockquote:after,q:before,q:after{content:'none'}
a{margin:0;padding:0;background:transparent;font-size:100%;text-decoration:none;vertical-align:baseline}
mark{background-color:#ff9;font-style:italic;font-weight:bold;color:#000}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}
input,select{vertical-align:middle}
li{list-style:none}

/* =============================================================================
My CSS
========================================================================== */

/* remove canvas default margin */
canvas{vertical-align:bottom}
#particles-js{position:relative;width:100%;height:225px;background:rgba(0, 0, 0, 0) url(/img/about/header1.jpg) repeat scroll 0 0}
.portfolio{background:rgba(0, 0, 0, 0) url(/img/bg/portfolio01.jpg) repeat scroll 0 0 !important}
#particles-js h1{float:left;font-family:'Raleway';font-size:48px;font-weight:bold;line-height:40px;color:#fff;text-transform:uppercase}
#particles-js p{float:left;width:100%;padding-top:15px;color:#fff;text-align:left}
#particles-js .row{}
#particles-js{}
.top-title-k{}
.top-title-k h1{font-family:'Nanum Gothic' !important}
.again-back{float:right}
#particles-js .container{position:absolute;top:50%;right:0;left:0;margin-top:-30px;text-align:center}
.again-back a{display:inline-block;overflow:hidden;position:relative;margin-right:15px;padding:8px 55px 8px 15px;border:2px solid #ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}

/*------------------------------
28.1 about-kirion-area
.about-intensy-text h1.about-intensy-title{margin-bottom:20px;padding-bottom:5px;padding-left:13px;padding-top:5px;border-left:4px solid rgba(68,68,68,0.3);font-size:45px;line-height:45px;color:#666}
h1.about-intensy-title{margin-bottom:20px;font-size:45px;line-height:45px;color:#666}
.about-intensy-text a{margin-bottom:0;border-color:#a5a5a5;color:#444}
.about-intensy-text a:hover{border-color:#ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff}
--------------------------------*/
.about-intensy-area{margin-top:3%;/* background:#F7F5F6;padding:90px 0*/}
.about-intensy-text h1{margin-bottom:20px;padding-left:15px;border-left:4px solid rgba(68,68,68,0.3);font-size:24px;line-height:1}
.about-intensy-text p{margin-bottom:30px;line-height:1.7143}
.about-intensy-text ul{margin-bottom:30px}
.about-intensy-text ul li{display:block !important;position:relative;margin:0 !important;padding-bottom:15px;padding-left:0;padding-right:0 !important;padding-top:15px;border-top:1px solid #eceaeb;line-height:1.3em;list-style-type:none !important}
.about-intensy-text ul li:last-child{border-bottom:1px solid #eceaeb}
.about-intensy-text ul li::before{position:relative;top:1px;margin-left:0;margin-right:10px;font-family:FontAwesome;font-size:13px;line-height:12px;color:#FF2B42;content:'\f054'}

/*------------------------------
28.2 about-skill-area
--------------------------------*/
.about-member-area{padding:90px 0;background:#F7F5F6}
.newsletter-area{overflow:hidden;padding:145px 0;background:rgba(0, 0, 0, 0) url(img/about/bg-3.jpg) no-repeat scroll center center / cover;text-align:center}
.newsletter-area h4{font-family:raleway !important;font-size:36px;line-height:36px;color:#fff!important}
.newsletter-area .email-newslatter{width:30%;margin:0 auto}
.newsletter-area .email-newslatter input [type=text]{color:#fff!important}
.newsletter-area .email-newslatter p{color:#fff}
.progress-circular input{position:absolute !important;top:0 !important;border:0 none;background:rgba(0, 0, 0, 0) none repeat scroll 0 0;font:bold 35px Arial;color:#000 !important}

/*------------------------------
28.3 about-clients-area
.about-clients-area{padding:90px 0}
--------------------------------*/
/* .about-brand-list{margin-top:20px} */
.about-brand{float:left;width:20%;padding-left:30px}
.about-skill-area{padding:90px 0}
.about-section-heading{margin-bottom:80px;text-align:center}
.single-skill-about{text-align:center}
.single-skill-about h4{font-family:'Raleway';font-size:20px;font-weight:bold;color:#666}
.about-brand p{padding:5px 0 15px;text-align:center}
.about-brand a{display:block;padding:25px 0;text-align:center}
.about-brand a img{}
.creative-member-area{padding:160px 0}
.creative-member-area .section-heading{margin-bottom:70px;text-align:center}
.creative-member-area .section-heading h1{color:#000}
.single-creative-member{position:relative}
.member-photo{overflow:hidden;position:relative;margin-right:52px;border-radius:10px 0 10px 10px;transform:translateZ(0px)}
.member-photo::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0;content:'';opacity:0;transition:opacity .3s ease 0}
.single-creative-member:hover .member-photo:before{opacity:1}
.member-photo::after{position:absolute;left:0;bottom:0;width:100%;height:50%;background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;content:''}
.member-photo img{}
.member-info{position:absolute;bottom:0;z-index:999;margin-right:50px;padding:25px;background:transparent none repeat scroll 0 0;color:#fff}
.member-info .member-name{display:block;margin-bottom:.2em;font-size:1.2em}
.member-info .member-role{display:block;margin-bottom:0;font-size:.9em;opacity:0.5}
.member-icons{position:absolute;top:0;right:0;width:52px;padding:15px 0 0;border-radius:0 10px 0 0;background-color:#FF2B42}
.member-icons a{display:inline-block;width:100%;margin:0;font-size:18px;line-height:52px;color:#fff;text-align:center;text-decoration:none}
.member-icons a i{width:25px;padding-bottom:15px;font-size:18px}
.member-icons svg{position:absolute;top:100%;right:0;border-top:1px solid #eee}
.member-icons svg path{fill:#FF2B42}

/*-------------------------------
28.4 about us 2
.about2-testimonial-area{}
.about2-testimonial-area .people-info h5{font-family:raleway !important}
.about2-testimonial-area .people-say-box{margin-top:0}
.about2-testimonial-area .people-asy-top::before{border-top-color:#ccc !important}
.about2-testimonial-area .people-asy-top{border-color:#ccc !important;box-shadow:-4px 0 0 #F46E6E}
.about2-testimonial-area .people-asy-top > h3{margin-bottom:21px;margin-top:28px;font-family:raleway !important;font-size:18px;font-weight:300;line-height:24px}
.about2-testimonial-area .people-asy-top p{margin-bottom:26px;font-size:14px;line-height:24px}
.about2-services-wedo{margin-top:110px}
.about2-parchech-package-area h2{font-family:raleway !important;font-size:36px;font-weight:bold;line-height:36px;color:#666;text-align:center}
.about2-parchech-package-area .about-plan-price-value{display:inline-block;margin:0 3px;vertical-align:middle}
.about2-parchech-package-area .about-plan-head .about-plan-period::before{position:absolute;top:2px;left:-6px;content:'/'}
.about2-parchech-package-area .about-plan-head .about-plan-period{display:inline-block;position:relative;top:4px;z-index:2;padding-left:5px}
.about2-parchech-package-area .about-plan-options ul{margin:0;padding:0;list-style:outside none none}
.about2-parchech-package-area .about-plan ul li{border:medium none}
.about2-parchech-package-area .about-plan-options ul li:first-child{border:medium none}
.about2-parchech-package-area .about-plan-options ul li{margin:0;padding:.5em .2em;border-top:1px dotted rgba(221,221,221,0.5);list-style:outside none none}
.about2-parchech-package-area .about-plan-options ul li span{display:block;margin:0 10px 10px;padding:0 10px;font-size:14px;line-height:20px;color:#999}
.about2-parchech-package-area .about-plan-options ul li span strong{color:#000}
.about2-parchech-package-area .about-plan-options ul li strong{font-family:open sans;font-size:14px}
.about2-parchech-package-area .about-plan .about-tooltip{display:inline-block;margin-bottom:-3px;padding-bottom:2px;border-bottom:1px dotted rgba(0,0,0,0.2)}
.about2-parchech-package-area .about-plan-footer{margin-top:20px;padding:40px 0;padding:30px 0;border-top-color:#fff;border-top:1px solid #eee !important;border-top-style:solid;border-top-width:1px;background-color:#fff;color:#34495e}
.about2-parchech-package-area .about-plan-button{background-color:#34495e;color:#fff;transition:all .2s ease 0}
.about2-parchech-package-area .about-plan-button:hover{background:#333}
.about2-parchech-package-area .about-plan-footer a{display:inline-block;padding:12px 15px;border-radius:5px;font-family:open sans;font-size:15px;text-decoration:none !important;transition:all .2s ease 0}
.su-plan-badge{display:inline-block;padding:5px 12px;border-color:#de2020;border-radius:10px;background-color:#e54c4c;font-size:10px;color:#fff}
.about-popular{margin-top:-31px}
.about2-parchech-package-area .about-popular{box-shadow:0 -5px 0 #e54c4c}
.about2-parchech-package-area .about-popular .about-plan-head{overflow:hidden;position:relative;z-index:2;margin-bottom:40px;padding:55px 0 45px;border-bottom:1px solid #eee !important}
.about2-parchech-package-area .about-popular .about-plan-button{background-color:#ff2b42;color:#fff;transition:all .2s ease 0}
.about2-parchech-package-area .about-popular .about-plan-button:hover{background-color:#C91D1D}
.about2-service-wedo h2{margin-bottom:70px;font-family:raleway !important;font-size:22px;font-weight:bold;line-height:22px;color:#666;text-align:center}
.about2-service-wedo ul{}
-------------------------------*/
.service-intro-area h3{padding-top:40px}
.about2-service-wedo ul li{display:block !important;position:relative;margin:0 !important;padding:4px 0 4px 10px !important;line-height:1.3em;list-style-type:none !important}
.about2-service-wedo ul li i{margin-right:7px;font-size:11px;color:#ddd}
.about2-baner-area{margin-top:3%}
.about2-slide-baner{}
.about2-banner{}
.about2-banner img{width:100%}
.about2-parchech-package-area{margin-top: 50px}
.about2-parchech-package-area:after{display:block;clear:both}
.about2-parchech-package-area .about-plan{float:left;width:25%;margin-right:-1px;border-bottom:1px solid rgba(0,0,0,0.06);border-left:1px solid rgba(0,0,0,0.06);border-right:1px solid rgba(0,0,0,0.06);background:#fff none repeat scroll 0 0;text-align:center;box-shadow:0 -5px 0 #34495e;box-sizing:border-box;transition:all .25s ease-in-out 0}
.about2-parchech-package-area .about-plan-head{overflow:hidden;position:relative;z-index:2;min-height:100px;margin-bottom:30px;padding:35px 0;border-bottom:1px solid #eee !important;border-bottom-style:solid;border-bottom-width:1px}
.about2-parchech-package-area .about-plan-head .about-plan-name{position:relative;z-index:2;margin-bottom:15px;margin-bottom:0;margin-top:15px;line-height:1.5000em}
.about2-parchech-package-area .about-plan-head .about-plan-price{display:inline-block;font-size:1.714em;font-weight:bold;line-height:normal}
.about2-parchech-package-area .about-plan-price-before,.about2-parchech-package-area .about-plan-price-after{display:inline-block;font-size:.7em;font-weight:normal;vertical-align:middle}
.about2-parchech-package-area .about-plan-options p{margin-bottom:10px;padding-right:15px;padding-left:15px;line-height:1.7143;text-align:left}

/*------------------------------
29. Our Office Page
.office-top-area{min-height:339px}
.our-workplase{overflow:hidden;padding-bottom:53px;padding-top:14px}
#map1{width:100%;height:178px}
.our-location h4{position:relative;margin-bottom:16px;margin-left:3px;margin-top:15px;font-size:16px;line-height:16px;color:#666}
--------------------------------*/
.office-content .owl-prev span{position:absolute;top:41%;left:2%;padding:13px;border-radius:2px;background:rgba(255, 255, 255, 0.48) none repeat scroll 0 0;font-size:20px;color:#fff;transition:all 500ms ease 0}
.office-content .owl-next span{position:absolute;top:41%;right:2%;padding:13px;border-radius:2px;background:rgba(255, 255, 255, 0.48) none repeat scroll 0 0;font-size:20px;color:#fff;transition:all 500ms ease 0}
.office-content .glyphicon{font-family:'Glyphicons Halflings' !important}
.our-location{margin-top:30px}
.address p{margin-bottom:10px}
.address p i{width:23px;margin-right:5px;padding:5px;border-radius:0;border:1px solid #ddd;background:transparent;font-size:12px;line-height:12px;color:#666;text-align:center;-webkit-border-radius:0}
.office-content{margin-top:3%;margin-bottom:3%;background:#fff}
.office-content #owl-demo-two .item img {display:block;width:100%;height:auto;}

.office-content #owl-demo-three .item img {display:block;width:100%;height:auto;}

.bread-comeh1 h1{margin-bottom:34px;margin-top:3px}
.our-office-title h2{position:relative;margin-left:10px;padding-bottom:15px;font-size:36px;line-height:60px;font-weight:300;color:#444;text-transform:none}
.our-office-title h2:after{display:block;position:absolute;width:110px;height:2px;background:#DDD;content:''}
.we-work{margin-top:50px}
.we-work p{line-height:1.7}
.we-work h3,.our-workplase h3,.our-location h3{position:relative;/* font-family: "Raleway" !important; */margin-bottom:30px;font-size:24px;font-weight:bold;line-height:24px}
.our-workplase h3{margin-left:15px}
.we-work h3:before,.our-location h3::after,.our-workplase h3::after{display:block;position:absolute;top:36px;left:0;width:100px;height:2px;content:''}

/*------------------------------
30. meet the team
--------------------------------*/
.creative-member-area{padding:160px 0}
.creative-member-area .section-heading{margin-bottom:70px;text-align:center}
.creative-member-area .section-heading h1{color:#000}
.single-creative-member{position:relative}
.member-photo{overflow:hidden;position:relative;margin-right:52px;border-radius:10px 0 10px 10px;transform:translateZ(0px)}
.member-photo::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0;content:'';opacity:0;transition:opacity .3s ease 0}
.single-creative-member:hover .member-photo:before{opacity:1}
.member-photo::after{position:absolute;left:0;bottom:0;width:100%;height:50%;background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;content:''}
.member-photo img{}
.member-info{position:absolute;bottom:0;z-index:999;margin-right:50px;padding:25px;background:transparent none repeat scroll 0 0;color:#fff}
.member-info .member-name{display:block;margin-bottom:.2em;font-size:1.2em}
.member-info .member-role{display:block;margin-bottom:0;font-size:.9em;opacity:0.5}
.member-icons{position:absolute;top:0;right:0;width:52px;padding:15px 0 0;border-radius:0 10px 0 0;background-color:#ff2b42}
.member-icons a{display:inline-block;width:100%;margin:0;font-size:18px;line-height:52px;color:#fff;text-align:center;text-decoration:none}
.member-icons a i{width:25px;padding-bottom:15px;font-size:18px}
.member-icons svg{position:absolute;top:100%;right:0;border-top:1px solid #eee}
.member-icons svg path{fill:#ff2b42}
.team-skill-area input{}
.team-member-area .section-heading h1{font-size:36px}
.team-skill-area{padding:90px 0}
.team-skill-area h1.about-intensy-title{font-size:36px}
.progress-circular .knob{font-family:open sans !important;font-weight:300 !important}
.team-skill-area .single-skill-about h4{margin-left:0;font-family:raleway !important;font-size:16px;font-weight:normal}
.team-skill-area .single-skill-about{padding:30px 0;border:1px solid #ff2b42;text-align:center}
.team-skill-area .progress-circular input{top:inherit!important}
.team-skill-area .about-section-heading{margin-bottom:35px}
.team-counter-list{float:left;width:33%;border-right:1px solid #ddd;text-align:center}
.team-counter-list:last-child{border-right:0}
.team-counter-list h1{margin-bottom:10px;font-size:70px;font-weight:bold;color:#ff2b42 !important}
.team-counter-list p{font-size:18px !important;color:#666}
.team-bottom-couter{overflow:hidden;padding:100px 0 0}

/* ===========================
31. Team two page
==============================*/

/*---------------------
31.1 team-2-area
-----------------------*/
.team-heading{margin-bottom:40px;margin-top:30px;padding-bottom:40px;border-bottom:1px solid #ddd;text-align:center}
.team-heading h2{margin-bottom:25px;font-family:'Raleway' !important;font-size:24px;font-weight:300}
.team-heading p{}
span.member-name{display:block;margin-bottom:.2em;font-size:1.2em;font-weight:bold;transition:all .3s ease 0}
span.member-name:hover{color:#FF2B42}
.ab-team-details{padding:1.5em}
span.member-role{display:block;margin-bottom:1em;font-size:.9em;opacity:0.5;text-transform:uppercase}
.team-2-area{padding-top:35px}
.team-2-curosel .owl-nav .owl-prev i,.team-2-curosel .owl-nav .owl-next i{position:absolute;top:50%;left:-30px;z-index:-9;width:45px;height:32px;margin-top:-16px;background:#0D292F none repeat scroll 0 0;font-size:30px;color:#fff;text-align:center;transition:all .3s ease 0;opacity:0}
.team-2-curosel .owl-nav .owl-next i{right:-30px;left:auto}
.team-2-curosel:hover .owl-nav .owl-prev i{left:0;z-index:9;opacity:1}
.team-2-curosel:hover .owl-nav .owl-next i{right:0;z-index:9;opacity:1}
.team-2-curosel .owl-nav .owl-next i:hover{background:#2BCDC1}
.team-2-curosel .owl-nav .owl-prev i:hover{background:#2BCDC1}
.team-2-curosel .warmer {margin-bottom:20px;}
.team-two-bottom-area{padding-bottom:70px}
.team-two-bottom-area .single-team{margin-bottom:-19px;border-bottom:1px solid #ddd;text-align:center}
.team-2-border{margin-bottom:35px;border-right:1px solid #ddd}
.team-two-bottom-area .col-lg-4.col-md-4.team-2-border:nth-child(4) .single-team{border-bottom:0}
.team-two-bottom-area .col-lg-4.col-md-4.team-2-border:nth-child(5) .single-team{border-bottom:0}
.team-two-bottom-area .col-lg-4.col-md-4.team-2-border:nth-child(6) .single-team{border-bottom:0}
h3.team-2-skill{margin-bottom:11px;margin-top:40px;font-family:raleway !important;font-size:18px;font-weight:normal}
.t-border-none .single-team{border-bottom:0}
.our-skill-team-2{}
.our-skill-team-2 .skill .progress-bar{background:#ff2b42 none repeat scroll 0 0 !important}
.team-two-bottom-area{overflow:hidden}
.our-skill-team-2{padding-top:30px}
.pages-p{padding-top:80px;padding-bottom:80px}
.our-skill-team-2 .skill .progress .lead{position:absolute;top:-24px;left:0;z-index:99;font-family:raleway !important;font-size:16px;font-weight:300;color:#666}
.our-skill-team-2 .skill .progress-bar > span::before{left:50%;margin-left:-5px;border-top-color:#333!important;border-width:5px}
.our-skill-team-2 .skill .progress-bar > span::before,.our-skill-team-2 .skill .progress-bar > span::after{position:absolute;top:100%;width:0;height:0;border:medium solid transparent;content:' ';pointer-events:none}
.our-skill-team-2 .skill .progress-bar > span{float:right;position:relative;margin-right:10px;margin-top:-26px;padding:0 5px;background:#333 none repeat scroll 0 0;font-size:11px}

/* ===========================
32. Team three page
==============================*/
.team-3-area{padding:120px 0}
.team-3-top-heading{margin-bottom:40px;text-align:center}
.team-margin{margin-bottom:70px}
.team-3-top-heading h3{margin-bottom:19px;font-family:raleway !important;font-size:18px;font-weight:normal;line-height:24px}
.team-3-top-heading p{}
.our-leaders{overflow:hidden;border:1px solid #ddd;background-color:#fff;color:#fff}
.lead-img{width:50%}
.lead-img img{}
.lead-content{width:50%;padding:1.5em;text-align:center}
.member-info-3{color:#444}
.member-info-3 span{}
.member-info-3 span.member-name{display:block;margin-bottom:.2em;font-size:1.2em;font-weight:300}
.member-info-3 span.member-role{display:block;margin-bottom:1em;margin-top:4px;font-size:.9em;opacity:0.5;text-transform:capitalize}
.member-info-3 p{margin-top:10px;padding:10px 12px;border-bottom:1px solid rgba(158,158,158,0.3);border-top:1px solid rgba(158,158,158,0.3)}
.lead-icon{margin-top:32px}
.lead-icon a{margin:5px}
.lead-icon a i{width:32px;height:32px;padding-top:8px;border:1px solid #FF2B42;font-size:16px;color:#444;transition:all .4s ease 0}
.lead-icon .fa-facebook:hover,.volunteers-icon .fa-facebook:hover{border:0;background:#3B5998;color:#fff}
.lead-icon .fa-twitter:hover,.volunteers-icon .fa-twitter:hover{border:0;background:#00ACED;color:#fff}
.lead-icon .fa-google-plus:hover{border:0;background:#DD4B39;color:#fff}
.lead-icon .fa-linkedin:hover,.volunteers-icon .fa-linkedin:hover{border:0;background:#007BB6;color:#fff}
.team-divider:before{left:50%;width:60%;margin-left:-30%}
.single-team-3{}
.volunteers-img{position:relative}
.volunteers-img img{}
.volunteers-icon{position:absolute;left:0;bottom:0;width:100%;background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;text-align:center;opacity:0;transition:all .4s ease 0}
.single-team-3:hover .volunteers-icon{opacity:1}
.volunteers-icon a{display:inline-block;margin:0 4px}
.volunteers-icon a i{width:40px;height:40px;padding-top:11px;font-size:18px;color:#555;transition:all .4s ease 0}
.volunteer-info{padding:18px 0;text-align:center}
.volunteer-info h4{display:block;margin-bottom:10px;margin-top:10px;font-family:raleway !important;font-size:1.2em;font-weight:normal}
.volunteer-info p{display:block;margin-bottom:1em;font-size:.9em;opacity:0.5}
.volunteer-content{}
.volunteer-content h3{font-size:24px;line-height:30px}
.volunteer-content p{}
h3.team-3-skill{margin-bottom:20px}
h3.team-3-skill{margin-bottom:20px;font-family:raleway !important;font-size:18px;font-weight:normal}
.team-3-progress .progress{height:30px;margin-bottom:10px;background-color:#effbf0;box-shadow:none}
.team-3-progress .progress .progress-bar{}
.team-3-progress .progress .progress-bar span{}
.team-3-progress .progress .progress-bar span.skill-name,.team-3-progress .progress .progress-bar span.skill-level{float:left;margin-left:5px;margin-top:4px;padding:1px 5px;border-radius:2px;background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0;font-size:14px}
.team-3-progress .progress .progress-bar span.skill-level{float:right;margin-right:5px}
.progress-bar-bg{background-color:#FF2B42;color:#fff}
.team-3-skill-img{}
.team-3-skill-img img{width:100%}
.dream-future{margin-bottom:80px;margin-top:80px;background:#eee none repeat scroll 0 0}
.dream-future .call-left h3{font-family:raleway !important;font-weight:300;color:#444}
.dream-future .call-left p{color:#444}
.dream-future .call-right{}
.dream-future .call-right a{border-radius:0;background:#FF2B42 none repeat scroll 0 0}
.dream-future .call-right a:hover{background:#3cd6cb none repeat scroll 0 0}
.team-3-counter-list{padding:35px 0;border:1px solid #ddd;text-align:center}
.team-3-counter-list i{margin-bottom:5px;font-size:32px;color:#FF2B42}
.team-3-counter-list h3{margin-bottom:6px;font-family:raleway !important;font-size:32px;font-weight:700;color:#ff2b42}
.team-3-counter-list p{margin-bottom:0;font-size:14px;color:#666}
.call-to-action{overflow:hidden;padding:25px;background:#eee none repeat scroll 0 0}
.call-left{float:left}
.call-left h3{margin:0;font-size:22px;line-height:32px;color:#fff}
.call-left p{margin-bottom:0;color:#acf1e4}
.call-right{float:right;margin-top:14px}
.call-right a{margin:2px 0 0 20px;padding:20px 30px;border-radius:10px;background:#1dcdaa none repeat scroll 0 0;font-size:18px;color:#fff;text-decoration:none}
.call-right a:hover{background:#24e0ba none repeat scroll 0 0}
.cta-padd{padding-top:70px;padding-bottom:50px}

/* ===========================
33. team-member page
body.pages .team-member-area{padding:70px 0}
==============================*/
.team-member-tab{overflow:hidden;border:3px solid #eee;border-radius:3px}
.team-member-tab ul.nav-tabs{background:#eee none repeat scroll 0 0}
.team-member-tab ul.nav-tabs li{}
.team-member-tab ul.nav-tabs li a{border:medium none;color:#333/* font-family: open sans; */; font-weight: 900;}
.team-member-tab ul.nav-tabs li a:hover{background:#F5F5F5}
.team-member-tab ul.nav-tabs li.active a:hover{background:#fff}
.team-member-tab .nav-tabs > li.active > a,.team-member-tab .nav-tabs > li.active > a:focus,.team-member-tab .nav-tabs > li.active > a:hover{border:0 none;background-color:#fff;color:#000; font-weight: 900;cursor:default}
.team-m-content{overflow:hidden}
.team-m-img{float:left}
.team-m-desc{overflow:hidden;/*margin-top: 65px; */margin-right:35px;margin-top:35px;margin-bottom:35px}
.team-m-desc h3{/* font-family: raleway !important;margin-top:65px; */margin-bottom:10px;font-size:18px;font-weight:300;line-height:24px}
.team-m-desc span{display:inline-block;}
.team-m-desc .skill .progress-bar > span::before{left:50%;margin-left:-5px;border-top-color:#333!important;border-width:5px!important}
.team-m-desc .skill .progress-bar > span::before,.team-m-desc .skill .progress-bar > span::after{position:absolute;top:100%;width:0;height:0;border:medium solid transparent;content:' ';pointer-events:none}
.team-m-desc .skill .progress-bar > span{float:right;position:relative;margin-right:10px;margin-top:-26px;padding:0 5px;background:#333 none repeat scroll 0 0;font-size:11px}
.team-m-icon{}
.team-m-icon a{display:inline-block;margin-right:10px}
.team-m-icon a i{width:35px;height:35px;padding-top:7px;border:1px solid #e5e5e5;background:#eee none repeat scroll 0 0;font-size:20px;color:#ff2b42;text-align:center;transition:all .3s ease 0}
.team-m-icon a i:hover{border:1px solid #e5e5e5;background:#F3F3F3 none repeat scroll 0 0}
.team-m-desc p{margin:40px 0 0}
.team-m-content .service-progress{margin-top:40px}
.team-m-content .service-progress .progress-title{font-weight:300}
.team-m-content .service-progress .progress{}
.team-m-content .service-progress .progress .progress-bar{}
.one-m{background:#F46E6E}
.two-m{background:#5476A9}
.three-m{background:#63AD68}
.four-m{background:#F46EB3}
.team-m-desc .skill{margin-top:30px}
.team-m-desc .skill .progress .lead{padding-bottom:3em !important;font-family:'Nanum Gothic' !important;font-size:16px !important;color:red !important; font-weight: 900 !important;text-transform:uppercase;z-index:-99;/*font-family:raleway;font-weight:400*/}
.team-m-desc .skill .progress .lead strong {font-weight: 900 !important;	}
.skill .progress{overflow:visible;position:relative;height:5px;margin-bottom:20px;border-radius:0;background-color:#f0f0f0;box-shadow:none}
.skill .progress:nth-child(1) .progress-bar{background:#23C6EC}
.skill .progress:nth-child(2) .progress-bar{background:#EB3B60}
.skill .progress:nth-child(3) .progress-bar{background:#2BCDC0}
.skill .progress:nth-child(4) .progress-bar{background:#F46EB3}
body.pages .footertop-menu h5{margin-bottom:29px;font-family:'Nanum Gothic' !important;font-size:20px;font-weight:normal;color:#fff;text-transform:capitalize}

/* ==========================
34. pricing page
==============================*/
.pricing-area{padding-bottom:70px;padding-top:50px}
.pricing-details{margin-left:-15px}
.pricing-area .plan-inner{margin-left:15px;border:1px solid #ddd}
.pricing-area .single-plan{overflow:hidden;float:left;width:25%;border:0 solid rgba(0,0,0,0.06);text-align:center}
.pricing-area .single-plan p{display:block;margin:0 10px 10px;color:#999}
.plan-head{position:relative;z-index:2;margin-bottom:10px;padding-bottom:25px;border-bottom:1px solid #5e5e5e !important;color:#444}
.plan-name{margin-bottom:15px;padding:20px 0;background:rgba(0, 0, 0, 0.03) none repeat scroll 0 0;font-size:1.2em;color:#444}
.plan-price{display:inline-block;font-size:2.3em;font-weight:bold;line-height:normal}
.plan-price-before{display:inline-block;font-size:.7em;font-weight:normal;vertical-align:middle}
.plan-price-value{display:inline-block;margin-left:-8px;font-family:open sans !important;font-size:32px !important;font-weight:700;vertical-align:middle}
.plan-period{display:block;margin-top:5px;opacity:0.7}
.pricing-area .plan-period:before{position:absolute;content:''}
.plan-options{}
.plan-options ul{}
.plan-options ul li:first-child{border-top:1px solid rgba(0,0,0,0.05)}
.plan-options ul li{padding:15px 0;border-bottom:1px solid rgba(0,0,0,0.05);font-size:15px}
.plan-options ul li span.plan-border{margin-bottom:-3px;padding-bottom:2px;border-bottom:1px dotted rgba(0,0,0,0.2)}
.plan-options ul li span{}
.sign-up{margin-top:20px;padding:40px 0;border-top:1px solid #eee !important}
.sign-up a{display:inline-block;padding:15px 40px;border-radius:5px;background:#8dd538 none repeat scroll 0 0;font-family:open sans;color:#fff;text-decoration:none}
.sign-up.basic a{}
.sign-up.professional a{background:#2bcdc0}
.sign-up.premium a{background:#34495e}
.sign-up.basic a:hover{background:#80cb2b}
.sign-up.professional a:hover{background:#23A59A}
.sign-up.premium a:hover{background:#1A242E}
.plan-popular{position:absolute;top:23px;right:-27px;width:125px;padding:5px 8px;border-color:#e8273a;border-style:solid;border-width:2px;background-color:#ed5564;font-size:10px;line-height:10px;color:#fff;text-align:center;transform:rotate(45deg)}
.standard-b{margin-bottom:40px}
.standard-space{margin-top:-30px}
.most-popular-button a{background:#ed5564}
.most-popular-button a:hover{background:#e8263a}
.plan-a{}
.plan-a>span{display:inline-block;float:left;width:6em;height:1em;margin-top:5px;font-size:2.5em;font-weight:bold;line-height:1;color:#444;text-align:left}
.plan-a p{font-size:15px;line-height:1.7143em;}
.plan-a p>span,.faq-acc-content span{padding:2px 5px;border-radius:4px;background:#ffe699 none repeat scroll 0 0}
h3.faq-heading{position:relative;margin-top:35px}
.plan-box{margin-top:3%}


/* ==========================
35. service page
.service-dev-area{padding:90px 0}
.service-dev-text{}
.service-dev-text .readon{display:inline-block;overflow:hidden;position:relative;padding:10px 55px 11px 15px;border:2px solid #ff2b42;font-size:14px;color:#000;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
.service-dev-text .readon.border:hover{border:2px solid #ff2b42;background-color:#f5001d;color:#fff}
.service-dev-text h2{margin-bottom:20px;padding-left:15px;border-left:4px solid rgba(68,68,68,0.3);font-size:36px;line-height:36px;color:#000}
.service-dev-text > p{margin-bottom:20px}
.service-dev-text a{border-color:#a5a5a5;color:#444}
.service-dev-text a:hover{border-color:#28BFB4}
.service-breadcrumb{background:rgba(0, 0, 0, 0) url(img/about/bg.jpg) no-repeat scroll center center / cover}
.service-point-area{padding:150px 0;background:rgba(0, 0, 0, 0) url(img/service/section.jpg) no-repeat scroll center center / cover}
.service-point-text{text-align:center}
.service-point-text h4{margin-bottom:20px;font-size:36px;line-height:36px;color:#fff !important}
.service-point-text p{margin:0;color:#fff}
==============================*/
.service-intro-area .service-page-heading p{margin-bottom:50px;font-size:15px;line-height:1.6000em}
.s-p-single{margin-top:0;margin-bottom:15px}
.s-p-icon{float:left;margin-right:15px}
.s-p-icon i{width:50px;height:50px;padding-top:0;border:0 solid;font-size:42px;color:#d0a944;text-align:center}
.icon_description{overflow:hidden;min-height:85px}
.icon_description h3{clear:none !important;margin-bottom:10px;margin-top:0;padding-top:0;font-size:18px;font-weight:bold}
.service-accordion-area{padding:30px 0}
.service-accordion .service-acc-img{float:left;width:35%;padding-right:0}
.service-accordion .service-acc-text{float:right;width:65%}
.service-accordion .panel-default > .panel-heading{background-color:#fdfdfd}
.service-accordion .panel-title{/*font-family: open sans;  font-size: 0.9em;*/transition:all .3s ease 0; color:#000;}
.service-accordion .panel-title a:hover{color:#000!important}
.service-accordion .panel-heading{padding:0;border-radius:0}
.service-accordion .panel-group .panel{border-radius:0}
.service-accordion .panel-title > a{display:block;position:relative;padding:15px;font-weight:400}
.service-accordion .panel{box-shadow:none}
.service-accordion .panel-title a.collapsed::before,.service-accordion .panel-title a::before{position:absolute;top:17px;right:18px;font-family:fontawesome;content:'\f067'}
.service-accordion .panel-title a::before{content:'\f068'}
/* add */
.service-accordion h6{margin:5px 0 10px;font-size:17px;font-weight:bold}
.service-accordion .service-acc-text ol{margin:3px 0 3px 20px}
.service-accordion .service-acc-text ol li{padding:1px 0;list-style-type:disc}
.service-accordion .service-acc-text p{line-height:1.7143em}
.service-accordion .service-acc-text small{font-size:85%;color:#888}
.service-accordion .service-acc-text-all{width:100%}
.service-accordion .service-acc-text-all figure{padding:20px 0 10px}
.service-report-area{margin-top:3%}
.service-report-area span.expert-name{min-height:40px}

/* ==========================
36. question page
==============================*/
.qa-area{}
.qa-accordion{padding-right:10px;padding-top:120px}
.qa-accordion h3{margin-bottom:25px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;font-family:open sans!important;color:#333}
.qa-accordion h3.open{margin-bottom:0;border-bottom:0 solid #ccc;border-top:1px solid #ccc;font-family:open sans}
.qa-accordion h3 a{display:block;position:relative;margin:0 0 2px;padding:12px 12px 12px 40px;font-size:14px;font-weight:300;color:#333;text-decoration:none;text-transform:uppercase}
.qa-accordion h3 a:before{display:block;position:absolute;top:50%;left:10px;width:20px;height:20px;margin-top:-10px;font-family:FontAwesome;font-size:14px;font-style:normal;font-weight:normal;line-height:21px;text-align:center;content:'\f0fe'}
.qa-accordion h3.open a:before{content:'\f146'}
.qa-content{}
.qa-content p{padding:10px;font-family:open sans;font-size:14px;font-weight:normal;line-height:20px;color:#666 !important}
.qa-accordion h3:hover{background-color:#fff}
.did-not-find{margin-top:80px;padding-bottom:100px;padding-right:10px}
.did-not-find h3{margin-bottom:20px;font-size:18px;font-weight:normal !important;line-height:24px}
.did-not-find p{color:#666 !important}
.did-not-find a{display:block;margin-top:40px;padding:4px 18px;border-radius:3px;background-color:#ff2b42;font-size:14px;line-height:28px;color:#fff;text-align:center;text-decoration:none}
.did-not-find a:hover{background-color:#E6273C}
.qa-area .left-sidebar-h{padding-left:10px;padding-top:40px}
.customer-care{margin-bottom:20px;padding:20px;background:#f5f5f5 none repeat scroll 0 0;color:#444}
.customer-care ul{}
.customer-care ul li{border-bottom:1px solid #eaeaea}
.customer-care ul li:last-child{border-bottom:0}
.customer-care ul li a{display:block;padding:10px 15px 10px 0;color:#444;text-decoration:none}
.customer-care ul li a i{float:right;margin-top:4px}
.qa-border{border-right:1px solid #ddd}
.blog-right-title{position:relative;margin-bottom:26px;font-size:18px;font-weight:normal;color:#444}

/* ===========================
37. help page
==============================*/
.help-area{}
.help-area .readon{display:inline-block;overflow:hidden;position:relative;padding:10px 55px 10px 15px;/* font-size: 14px; */border:2px solid #ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
.single-help{position:relative;margin-bottom:20px}
.front-flip{padding-bottom:30px;padding-top:30px;border:1px solid #e1e1e1;border-radius:2px;background-color:#fff;color:#444;text-align:center;box-shadow:none}
.front-flip img{width:250px}
.front-flip h3{clear:none !important;margin-bottom:0;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0;font-size:14px;font-weight:normal !important;line-height:normal}
.back-flip{position:absolute;top:0;width:100%;height:100%;padding:0 15px;background:#f5f5f5 none repeat scroll 0 0;text-align:center}
.back-flip h3{margin-bottom:10px;margin-top:35px;font-size:18px;font-weight:normal !important;line-height:24px}
.back-flip p{margin-bottom:25px;font-size:13px;color:#888}
.back-flip a{color:#fff}
.back-flip a:hover{}
.single-help .front-flip,.single-help .back-flip{height:100%;margin-bottom:0;backface-visibility:hidden;box-sizing:border-box;transition:all 400ms ease 0}
.single-help .front-flip{transform:rotateY(0deg)}

/*.single-help .back-flip{transform:rotateY(-180deg)}
.single-help:hover .front-flip{transform:rotateY(180deg)}
.single-help:hover .back-flip{transform:rotateY(0deg)}*/

.help-info{margin-top:50px}
.help-info h3{}
.help-info .faq-accordion{margin-top:20px}
.help-info .faq-accordion h3{margin-bottom:0;background:#fdfdfd none repeat scroll 0 0}
.help-info .faq-accordion h3 a{}
.help-info .faq-accordion h3 a:before{content:'\f067'}
.help-info .faq-accordion h3.open a:before{content:'\f068'}
.contact-our-expert{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #ddd;text-align:center}
.contact-our-expert h2{font-size:36px}
.contact-our-expert p{margin-bottom:5px}
.single-team-expert{margin-bottom:20px;background-color:#fff;color:#333;text-align:center;box-shadow:none}
.single-team-expert img{border:1px solid #e1e1e1}
.expert-info{padding:10px 0}
span.expert-name{display:block;margin-bottom:.2em}
span.expert-role{display:block;font-size:.85em;opacity:0.5}
.help-right{margin-left:20px;margin-top:35px;padding:40px 20px 15px;background:#f5f5f5 none repeat scroll 0 0}
.we-reply{text-align:center}
.we-reply h5{margin-bottom:0;font-size:15px;font-weight:normal}
.we-reply span{font-family:open sans;font-size:65px}
.we-reply h6{margin-bottom:5px;margin-top:10px;font-size:13px;font-weight:normal}
.we-reply p{font-size:14px}
.help-forum{margin-top:40px}
.help-forum h4{margin-bottom:22px;font-family:open sans;font-size:16px;line-height:22px}
.help-forum p{margin-bottom:22px;font-family:open sans;font-size:14px}
.help-forum a{display:inline-block;padding:4px 20px;border-radius:3px;background-color:#ff2b42;font-family:open sans;font-size:16px;line-height:32px;color:#fff;text-decoration:none}
.help-forum a:hover{background-color:#f55b6c}
.help-border{padding-right:30px;padding-top:40px;border-right:1px solid #ddd}
.contact-exp-bottom{padding-bottom:60px}
.faq-accordion{margin-top:40px}
.faq-accordion h3{}
.faq-accordion h3 a{display:block;position:relative;margin:0 0 10px;padding:12px 12px 12px 52px;border:1px solid #ddd;border-radius:50px;font-family:open sans;font-size:15px;font-weight:400;color:#333;text-decoration:none}
.faq-accordion h3.open a{}
.faq-accordion h3 a:before{position:absolute;top:10px;left:10px;margin-left:10px;padding-top:2px;background:#fdfdfd none repeat scroll 0 0;font-family:FontAwesome;font-size:14px;font-weight:normal;font-style:normal;color:#444;text-align:center;content:'\f061'}
.faq-accordion h3.open a:before{content:'\f063'}
.help-info > h4{font-size:16px}
.faq-acc-content{margin-bottom:12px;margin-top:-36px;padding-bottom:20px;padding-top:35px;border-color:-moz-use-text-color #ddd #ddd;border-image:none;border-radius:2px 2px 15px 15px;border-style:none solid solid;border-width:medium 1px 1px}
.faq-acc-content p{padding-left:20px;padding-right:20px;font-family:open sans;font-size:14px;line-height:20px}
.faq-acc-content span{background:#FFA099}

/* ===========================
38. testimonial page
==============================*/
.testimonial-top-area{}
.testimonial-area-bottom{margin-bottom:70px}
.testimonial-slider{margin-bottom:50px}
.testimonial-list{padding:50px 0}
.single-testimonial-top{text-align:center}
.tes-img{width:80px;height:80px;margin:0 auto}
.tes-img img:hover{background:#ddd}
.tes-content{}
.tes-content p{margin:10px 0;font-size:18px;line-height:1.5em;color:#666}
.tes-author{}
.tes-author span{}
.tes-author span.tes-name{display:block;margin-bottom:7px;font-size:17px;font-weight:bold;color:#666}
.tes-author span.tes-title{font-size:13px;color:#666}
.tes-author span.tes-title a{color:#ff2b42}
.testimonial-list .owl-nav .owl-prev i,.testimonial-list .owl-nav .owl-next i{position:absolute;left:46%;bottom:7px;width:40px;height:22px;background:#0D292F none repeat scroll 0 0;font-size:20px;color:#fff;text-align:center;transition:all .3s ease 0}
.testimonial-list .owl-nav .owl-next i{right:46%;left:auto}
.testimonial-list .owl-nav .owl-prev i:hover,.testimonial-list .owl-nav .owl-next i:hover{background:#ddd;color:#000}
.client-testimonial-heading{margin-bottom:70px;text-align:center}
.client-testimonial-heading h1{font-size:36px !important;font-weight:normal !important;line-height:42px}
.client-testimonial-heading p{margin-top:20px;font-size:15px;font-weight:700;color:#666}
.single-client-test{margin-bottom:50px}
.client-test-box{position:relative;margin-bottom:0;margin-left:4px;padding:30px 40px;border-bottom:1px solid rgba(0,0,0,0.1);border-radius:10px;border-right:1px solid rgba(0,0,0,0.1);border-top:1px solid rgba(0,0,0,0.1);background:#fff none repeat scroll 0 0;box-shadow:-4px 0 0 #f46e6e}
.client-test-box:before{display:block;position:absolute;left:48px;bottom:-22px;border-right:0 solid transparent;border-left:22px solid transparent;border-top:22px solid #dcdcdc;content:''}
.client-test-box:after{display:block;position:absolute;left:49px;bottom:-20px;border-left:20px solid transparent;border-right:0 solid transparent;border-top:20px solid #fff;content:''}
.client-test-box p{overflow:hidden;margin-top:13px;padding-left:15px}
.client-text-icon{}
.client-text-icon i{float:left;font-size:32px;color:#f0f0f0}
.client-text-info{margin-left:55px;margin-top:30px}
.client-text-info img{float:left;width:40px;height:40px;margin-right:15px;border-radius:50%}
.cleint-desc{}
.cleint-desc span.tes-name{display:block;margin-bottom:4px;font-size:14px;font-weight:bold}
.cleint-desc span.tes-title{}
.cleint-desc span.tes-title a{font-size:14px;font-weight:600;color:#f5001d;text-transform:capitalize}
.cleint-desc span.tes-title a:hover{text-decoration:underline}

/* ===========================
39. contact page
==============================*/
.contact-pages-area .breadcrumb-title h1{font-weight:300}
.heading-content p{margin-bottom:0;margin-top:8px;font-size:12px;color:#666}
.contact-page-area{padding-bottom:80px;padding-top:50px}
h2.contact-name{margin-bottom:25px;font-size:24px;font-weight:normal}
.contact-accordion{}
.contact-accordion h3.open{margin-bottom:0;border-bottom:1px solid #ddd}
.contact-accordion h3,.service-accordion h3{display:block;position:relative;margin:0 0 6px;padding:12px 12px 12px 52px;border:1px solid #ddd;background-image:-moz-linear-gradient(center bottom, #f8f8f8 40%, #fff 60%) !important;font-size:14px;font-weight:600;color:#555;text-decoration:none;text-transform:uppercase}
.contact-accordion h3 a::after,.service-accordion h3 a::after{position:absolute;top:11px;left:0;width:18px;height:18px;margin-left:11px;padding-top:1px;border-radius:50px;background:#ff2b42 none repeat scroll 0 0;font-size:28px;font-weight:600;line-height:18px;color:#fff;text-align:center;content:'+'}
.contact-accordion h3.open a:after,.service-accordion h3.open a:after{line-height:13px;content:'-'}
.contact-address{float:left;width:50%;padding-left:40px}
.contact-accordion a{display:block;margin-left:-15px;font-weight:400;color:#ff2b42;text-decoration:none;text-transform:capitalize}
.contact-content{overflow:hidden;margin-bottom:2px;border:1px solid #ddd;border-top:0}
.contact-content p{margin-bottom:21px;padding-top:20px;font-size:16px;font-weight:bold}
.contact-content ul{}
.contact-content ul li{margin-bottom:2px;padding-bottom:20px;color:#444}
.contact-content ul li span.contact-icon{float:left;margin-top:3px}
.contact-content ul li span i{width:25px;font-size:16px}
.contact-content ul li span.contact-text{display:block;margin-left:30px;font-family:open sans;font-size:14px;line-height:22px}
.contact-content ul li span a{color:#FF2B42;text-transform:inherit}
.contact-content ul li span a:hover{text-decoration:underline}
.contact-img{float:right;margin-bottom:10px;margin-right:15px;margin-top:15px}
.contact-form-ac{padding:0 40px}
.contact-form-ac > p{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e5e5e5 !important;font-size:15px;font-weight:400;color:#595959}
.control-level{}
.control-level p{margin-bottom:5px;font-size:14px;font-weight:400;color:#444}
.control-level p span{}
.control-level input{width:100%;height:38px;padding-left:10px;border:none;border:1px solid #ddd;background:#fff}
.control-level input:focus,.textarea-contact textarea#message-ac:focus{border-color:#ff2b42;box-shadow:0 0 6px #ff2b42}
.textarea-contact{}
.textarea-contact textarea#message-ac{width:100%;padding-left:10px;padding-top:10px;border:1px solid #ddd}
.textarea-contact p{margin-bottom:10px;font-size:15px;font-weight:400;color:#595959}
.contact_email_copy{overflow:hidden;margin-top:25px;margin-bottom:25px}
.contact_email_copy input{float:left;margin-right:10px;margin-top:4px}
.contact_email_copy>p{float:left;margin:0;padding:0;font-size:14px;font-weight:400}
.contact-form-ac .readon{display:inline-block;overflow:hidden;position:relative;margin-bottom:25px;padding:8px 55px 8px 15px;border:2px solid #ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
.contact-info{margin-bottom:30px}
.contact-info>p{margin-bottom:0;padding-left:40px;padding-right:40px;font-size:14px;font-weight:400}
.contact-map{}
.contact-map{padding:0px;background:#F5F5F5}
.contact-map > h3{margin-bottom:22px;font-size:18px;font-weight:normal}
body.pages .team-member-area{padding:90px 0}
.contact-banner #particles-js{width:100%;height:275px;background:rgba(0, 0, 0, 0) url(img/contact/contact01.jpg) repeat scroll 0 0}
.contact-banner #particles-js h1{color:#000}
.uk-active span{font-size:14px;text-transform:uppercase}
.contact2{margin-bottom:-45px;margin-top:65px}

/* ===========================
40. frequently-asked-question

.asked-login-area{margin-bottom:35px;margin-left:20px;margin-top:35px;padding:20px;background-color:#eefaff;color:#699eb3}
.uk-form-row{margin-top:20px}
.uk-title-text{font-weight:normal}
.asked-login-area .uk-panel-title::after{position:absolute;top:0;right:-18px;border-left:0 solid transparent;border-right:18px solid transparent;border-top:40px solid #ff2b42;content:''}
.asked-login-area .uk-panel-title{display:inline-block;position:relative;margin-left:-20px;padding:11px 12px 10px 20px;background-color:#ff2b42;color:#fff}
.asked-login-area .uk-panel-title .uk-title-text .tfw{font-weight:700}
.uk-form input[type=text],.uk-form input[type=password]{width:100%;height:30px;padding:4px 6px;border:1px solid #ddd;background:#fff none repeat scroll 0 0;color:#444;transition:all .2s linear 0}
.uk-form input[type=checkbox]{max-width:100%;height:30px;margin-top:-2px;padding:4px 6px;border:1px solid #ddd;background:#fff none repeat scroll 0 0;color:#444;transition:all .2s linear 0}
.uk-button-primary{margin-bottom:25px;padding:8px 12px;border:medium none;background-color:#ff2b42;color:#fff}
.uk-list.uk-margin-bottom-remove a{font-family:open sans;line-height:24px;color:#ff2b42;transition:all .3s ease 0}
.uk-list.uk-margin-bottom-remove a:hover{text-decoration:underline}
.asked-border{border-left:1px solid #ddd}
==============================*/
.content-asked .nav-tabs > li.active > a,.content-asked .nav-tabs > li.active > a:focus,.content-asked .nav-tabs > li.active > a:hover{border-bottom:3px solid #555;color:#555;cursor:pointer}
.content-asked{margin-top:38px}
.content-asked ul#tabs{margin-bottom:42px}
.content-asked ul#tabs li{float:left;border-bottom:3px solid #eee}
.content-asked ul#tabs li a:hover{background:#fff}
.content-asked ul#tabs li.active{float:left;border-bottom:3px solid #555;background:transparent}
.content-asked ul#tabs li a{font-size:16px;font-weight:bold}
.content-asked ul#tabs li a:hover,.content-asked ul#tabs li.active a{background:transparent;color:#0064b6;}
.asked-tab ul li{margin-left:-15px}
.asked-tab ul li h4 a{font-size:18px;color:#333;/*font-family: open sans; font-weight: normal;*/}
.asked-tab ul li h4 a i{margin-right:10px}
.asked-tab .panel-body{/*font-family: open sans;font-size: 14px;line-height: 20px;*/padding-bottom:15px;padding-left:45px;padding-top:15px;line-height:1.7}
.asked-tab .panel-body ul li:before{padding:0 5px;color:#0064b2;content:'\002D'}
.asked-tab .panel-body ul li img{padding:5px;text-align:right;vertical-align:top}


/* ===========================
41. photo gallery2
==============================*/
.photo-glarry-area{margin-top:3%}
.photo-glarry2{overflow:hidden;width:100%;margin-left:-1%;}
.photo-glarry-box{float:left;position:relative;width:49%;height:100%;margin-bottom:.8%;margin-left:1%}
.photo-glarry-box img{width:100%}
.photo-glarry-box:hover .photo-glarry-link{opacity:1}
.photo-glarry2 .photo-glarry-box:hover .photo-glarry-link a.search{top:35%}
.photo-glarry-area6 .photo-glarry-link a.search{top:50% !important;margin-top:-25px}
.photo-glarry-box:hover .photo-glarry-link a.search{top:20%}
.photo-glarry-link{position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0;text-align:center;transition:all .4s linear 0;opacity:0}
.photo-glarry-link a{display:inline-block;position:relative;width:50px;height:50px;border-radius:100%;background-color:rgba(255,255,255,0.5)}
.photo-glarry-link a.search{top:30%;background-color:rgba(255,255,255,0.5);opacity:1;transition:all 300ms ease-in-out 0}
.photo-glarry-area6 .photo-glarry-link a.search{top:20%;background-color:rgba(255,255,255,0.5);opacity:1;transition:all 300ms ease-in-out 0}
.photo-glarry-link a::after{display:block;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(255,255,255,0.38);border-radius:50%;content:'';opacity:1;transition:opacity 0 ease 0s,transform 0 ease 0s,border 0 ease 0}
.photo-glarry-link a:hover::after{visibility:visible;opacity:0;transform:scale(1.3);transition-duration:.5s}
.photo-glarry-link a i{line-height:50px;color:#fff}
.photo-glarry-box p{padding-top:5px;padding-bottom:15px;font-size:14px;text-align:center}

/* ===========================
42. photo gallery3
==============================*/
.photo-glarry-area3 {margin-left:-10px;}
.photo-glarry-area3 .photo-glarry-box {width:24%;}
.photo-glarry-area3 .photo-glarry-box img {border:1px solid #ddd;}
.photo-glarry-area3 .photo-glarry-box:hover .photo-glarry-link,.photo-glarry-area6 .photo-glarry-box:hover .photo-glarry-link{width:100%;opacity:1}
.photo-glarry-area3 .photo-glarry-box:hover .photo-glarry-link a.search{top:30%}
.photo-glarry-area3 .photo-glarry-link,.photo-glarry-area6 .photo-glarry-link{position:absolute;left:0;bottom:0;width:0;height:100%;background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0;text-align:center;opacity:0;transition:all .4s linear 0}

.main-contact{}
.company-location{background:#3394d9 none repeat scroll 0 0}
.locatopn-inner{padding:43px 35px}
.location-box:last-child{margin-bottom:0}
.location-box{margin-bottom:65px}
.company-loc-icon{float:left}
.company-loc-icon i{font-size:36px;color:#fff}
.company-loc-text{margin-left:56px}
.company-loc-text h3{margin-bottom:15px;font-size:16px;font-weight:500;color:#fff!important}
.company-loc-text p,.company-loc-text p a{/*font-family:open sans;*/color:#fff}

/* ===========================
47. blog column 2
==============================*/
.blog-column-area{padding:35px 0}
.blog-column-menu{margin-bottom:40px}
.blog-column-menu ul{}
.blog-column-menu ul li{display:inline-block;margin-right:8px;padding:10px 17px;border:1px solid #ececec;font-size:12px;color:#888;cursor:pointer;transition:all .3s ease 0}
.blog-column-menu ul li.active,.blog-column-menu ul li:hover{background:#ff2b42 none repeat scroll 0 0;color:#fff}
.blog-column-content .mix{display:none}
.single-blog-column{overflow:hidden;margin-bottom:40px}
.blog-column-img{}
.blog-column-img a{display:block;overflow:hidden;position:relative;z-index:1}
.blog-column-photo{}
.blog-column-photo img{width:100%}
.blog-column-view{position:absolute;left:0;bottom:-80px;width:100%;background-color:rgba(24,22,22,0.7);transition:all .3s ease 0}
.blog-column-view span{display:block;padding:30px 0;color:#fff;letter-spacing:3px;text-align:center}
.blog-column-img a:hover .blog-column-view{bottom:0}
a.blog-column-title{display:block;margin-top:17px;font:400 18px/30px 'Open Sans',sans-serif;color:#444}
a.blog-column-title:hover{color:#787878}
.column-date-meta{}
.column-date-meta span{font-size:12px;color:#787878}
span.column-date{position:relative;margin-right:5px;padding-right:10px}
span.column-date::before{position:absolute;top:50%;right:0;width:2px;height:11px;background-color:rgba(0,0,0,0.1);content:'';transform:translateY(-50%)}
span.column-cat-b{color:#444}
.blog-column-desc p{margin-top:9px;margin-bottom:0;font:400 13px/18px 'Open Sans',sans-serif;color:#9b9b9b}
.blog-more{text-align:center}
.blog-more a{display:inline-block;min-width:80px;padding:0 30px;border:1px solid #dedede;font:400 12px/36px 'Open Sans',sans-serif;color:#7e7b7b;text-decoration:none;box-shadow:none;outline:0 none;transition:color .25s ease 0}
.blog-more a:hover{color:#b0b0b0}

/* ===========================
48. blog column 3
==============================*/
.blog-column-3-area{padding:35px 0}
.blog-column-3-area .blog-column-view{top:0;left:-50%;width:50%;height:100%;background-color:#282727;transition:all .3s ease 0}
.blog-column-3-area .blog-column-view span{position:relative;top:48%;padding:inherit}
.blog-column-3-area .blog-column-photo{transition:all .3s ease 0}
.blog-column-3-area .blog-column-img a:hover .blog-column-photo{transform:translateX(25%)}
.blog-column-3-area .blog-column-img a:hover .blog-column-view{left:0}
.blog-column-3-area .blog-column-menu ul li.active,.blog-column-3-area .blog-column-menu ul li:hover{background:#FF2B42 none repeat scroll 0 0;color:#fff}

/* ===========================
49. blog column 4
==============================*/
.blog-column-4-area{padding:35px 0}
.blog-column-4-area .blog-column-view{top:-100%;height:100%}
.blog-column-4-area .blog-column-img:hover .blog-column-view{top:0}
.blog-column-4-area .blog-column-view span{position:relative;top:45%;padding:inherit}
.blog-column-4-area .blog-column-menu{float:right}
.blog-column-4-area .blog-column-menu ul li{margin-left:8px;margin-right:0;padding:10px 12px}
.blog-column-4-area .blog-column-menu ul li.active,.blog-column-4-area .blog-column-menu ul li:hover{background:#FF2B42 none repeat scroll 0 0}

/* ===========================
50. blog column 5
==============================*/
.blog-column-5-area{overflow:hidden;width:90%;margin:0 auto;padding:35px 0;text-align:center}
.blog-column-5-area .blog-column-menu ul{text-align:center}
.blog-column-5-area .blog-column-menu ul li{margin:0 4px}
.blog-column-5-area .blog-column-menu ul li.active,.blog-column-5-area .blog-column-menu ul li:hover{border:1px solid #FF2B42;background:rgba(0, 0, 0, 0) none repeat scroll 0 0;color:#FF2B42}
.blog-column-5{float:left;width:20%}
.blog-column-5-area .single-blog-column{padding-left:15px}
.blog-column-5-area .blog-column-content{margin-left:-15px}
.blog-column-5-area .blog-column-view{top:0;left:0;height:100%;opacity:0}
.blog-column-5-area .blog-column-view span{position:relative;top:45%;padding:inherit}
.blog-column-5-area .blog-column-img img{transition:all .3s ease 0}
.blog-column-5-area .blog-column-img:hover .blog-column-photo img{transform:scale(1.3)}
.blog-column-5-area .blog-column-img:hover .blog-column-view{opacity:1}

/* ===========================
51. blog column 6
==============================*/
.blog-column-6-area{}
.blog-column-6-area .blog-column-5{float:left;width:16.6%}

/* ===========================
52. single blog
==============================*/
.single-blog-area{}
.single-blof-image-area{padding-right:20px;padding-top:35px}
.single-blof-image-area{position:relative;width:100%;height:100%}
.single-blof-image-area img{}
.itemtoolbar{position:absolute;bottom:0;width:97.4%;padding:20px 15px;background-color:rgba(0,0,0,0.4);font-size:12px;color:#fff;text-align:right;box-sizing:border-box;text-transform:uppercase}
.itemtoolbar p{}
.itemtoolbar p span{margin-left:20px;font-family:open sans;font-size:12px;color:#fff;text-align:right;text-transform:uppercase}
.itemtoolbar p span i{margin-right:7px;color:#ff2b42}
.itemtoolbar p span a{color:#fff}
.itemtoolbar p a.reating{margin-left:20px;color:#eee;text-transform:uppercase}
.itemtoolbar p a.reating i{margin:2px;color:#ff2b42}
.single-blog-text-area{}
.single-blog-text-area h2{margin:25px 0 17px;padding-bottom:12px;border-bottom:1px solid #eee;font-family:Raleway;font-size:25px;font-weight:400;line-height:26px;text-transform:uppercase}
.single-blog-text-area p{margin-bottom:30px;font-family:Raleway;font-size:16px;font-weight:300;line-height:26px;color:#666}
.blog-share{}
.blog-share p{}
.blog-share p a{}
.blog-share p a i{display:inline-block;width:35px;height:35px;margin-right:15px;border-radius:0;background:#eee none repeat scroll 0 0;font-size:15px;line-height:35px;color:#444;text-align:center;box-sizing:border-box}
.single-post-info{display:block;margin:30px 0 0;padding-bottom:27px;padding-top:17px;border-bottom:1px solid #eee;border-top:1px double #eee;font-size:11px;color:#333;text-align:right;text-transform:uppercase}
.single-post-info span{font-family:open sans;font-size:11px;color:#333;text-align:right;text-transform:uppercase}
.single-post-info span.read-time{}
.single-post-info span.last-modified{}
.single-blog-moretage-area{}
.single-blog-moretage-area h3{margin-bottom:25px;margin-top:45px;font-size:22px;font-weight:300}
.single-blog-moretage-area ul{margin-bottom:42px}
.single-blog-moretage-area ul li{display:inline-block;margin-bottom:8px;margin-right:5px}
.single-blog-moretage-area ul li a{display:inline-block;padding:10px 15px;border:1px solid #eee;background-color:#f1f1f1;font-family:open sans;font-size:14px;color:#666}
.blog-super-user-area{overflow:hidden;margin-bottom:45px}
.blog-super-user-area img{display:block;float:left;margin:0 25px 0 0;padding:20px 25px;border:2px solid #eee}
.blog-superuser{}
.blog-superuser h5{overflow:hidden;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #eee;font-size:18px;line-height:normal;font-weight:400;color:#353535;text-decoration:none}
.blog-superuser p{margin:15px 0 10px;font-family:open sans;font-size:14px;line-height:20px}
.blog-superuser a{font-family:open sans;font-size:15px;color:#333}
.latest-form-super-user-area{overflow:hidden}
.latest-form-user{width:47%}
.latest-form-user h3{margin-bottom:10px;font-size:22px;font-weight:300}
.latest-form-user ul{}
.latest-form-user ul li{display:block;float:none;position:relative;margin-bottom:inherit;margin-bottom:0;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.1);list-style-type:none}
.latest-form-user ul li a{border:transparent;background:transparent;transition:all .3s ease 0}
.latest-form-user ul li a:hover{color:#000}
.latest-form-user ul li a::after{position:absolute;top:18px;left:0;font-family:FontAwesome;color:#8b6f6f;content:'\f105'}
.single-blog-comment-area{}
.single-blog-comment-area h2{font-size:22px;font-weight:300;text-transform:capitalize}
.single-blog-comment-box{padding:35px 0;border-bottom:1px solid #eee}
.single-blog-comment-box img{float:left;width:48px;margin-right:20px}
.single-blog-text{overflow:hidden}
.single-blog-text h3{display:block;margin:0 0 8px;font-family:open sans;font-size:15px;font-weight:500;color:#000;text-transform:capitalize}
.single-blog-text span{display:block;margin-bottom:15px;font-size:11px;font-style:italic;color:#a5a5a5;letter-spacing:1px}
.single-blog-text p{margin-bottom:16px;font-family:open sans;font-size:14px;line-height:20px}
.single-blog-text a{font-size:13px;font-weight:bold;color:#000;letter-spacing:-1px;text-decoration:none;outline:medium none;text-transform:uppercase}
.single-blog-text a i{margin-right:5px}
.live-comment-area{}
.live-comment-area h3{font-size:22px;font-weight:500;text-transform:capitalize}
.live-comment-area p{margin-bottom:20px;margin-top:8px;color:orange}
.live-comment-area input{display:block;width:100%;height:auto;margin:0 0 10px;padding:8px 15px !important;border:medium none;border-radius:0;background-color:rgba(221,221,221,0.5);font-size:13px;color:#585858;box-sizing:border-box !important}
.live-comment-area textarea{height:160px;border-radius:0;background-color:rgba(221,221,221,0.5);resize:none}
.live-comment-area button{width:100%;margin-top:10px;border:1px solid #ff2b42;border-radius:0;background:#ff2b42 none repeat scroll 0 0;color:#fff;text-align:center;text-transform:uppercase}
.live-comment-area button:hover{border:1px solid #ff2b42;background:#ff2b42 none repeat scroll 0 0;color:#fff}
.live-comment-area a{float:right;margin-bottom:60px;margin-top:50px;color:#ff2b42}
#imaginary_container{margin-left:10px;margin-top:35px;padding:20px;background:#f5f5f5 none repeat scroll 0 0}
.stylish-input-group .input-group-addon{border-radius:0;background:#FFF none repeat scroll 0 0 !important}
.stylish-input-group .form-controls{width:100%;height:auto;margin-bottom:0;padding:10px 15px;border-color:#ccc -moz-use-text-color #ccc #ccc;border-image:none;border-radius:0;border-style:solid none solid solid;border-width:1px 0 1px 1px;font-size:14px}
.stylish-input-group button{border:0;background:transparent}
.single-blog-sidebar .blog-right-title{margin-bottom:20px}
.single-blog-sidebar .customer-care ul li a{display:block;padding:17px 15px 17px 0;font-family:open sans;color:#444;text-decoration:none;text-transform:uppercase}
.latest-post-single{overflow:hidden;margin-left:10px;padding:20px 20px 0;background:#f5f5f5 none repeat scroll 0 0}
.latest-post-single h3{margin-bottom:20px;margin-top:0;font-size:18px;font-weight:normal;line-height:24px;color:#444;text-transform:none}
.latest-post-box{overflow:hidden;margin-bottom:30px}
.latest-post-box img{float:left;width:100px;height:90px;margin-right:20px}
.latest-post-details{}
.latest-post-details h5{margin-bottom:5px;font-size:14px;font-weight:400;line-height:20px;color:#4a4a4a;text-decoration:none !important;text-transform:uppercase}
.latest-post-details span{font-family:open sans;font-size:11px}
.latest-post-details span i{}
.flickr-widget-sidebar{overflow:hidden;margin-left:10px;margin-top:30px;padding:20px;background:#f5f5f5 none repeat scroll 0 0}
.flickr-widget-sidebar h3{margin-bottom:25px;font-size:18px;font-weight:300;line-height:20px}
.flickr-widget-sidebar .flickr_feed a{width:23.3%;border-radius:3px}
.blog-sidebar-form h3{font-size:18px;font-weight:400;line-height:22px;color:#000}
.blog-sidebar-form label{margin-bottom:6px;font-family:open sans;font-size:14px;font-weight:300;line-height:18px;color:#333}
.blog-sidebar-form .uk-form input[type=text],.uk-form input[type=password]{height:40px}
.blog-sidebar-form .asked-login-area{background-color:#f5f5f5;color:#666}
.blog-sidebar-form .uk-list.uk-margin-bottom-remove a{font-size:12px;line-height:16px;color:#999;transition:all .3s ease 0}
.blog-sidebar-form .uk-list.uk-margin-bottom-remove a:hover{color:#444;text-decoration:none}
.blog-sidebar-form .uk-button-primary{padding:12px}
.blog-sidebar-form .uk-list.uk-margin-bottom-remove > li{padding:3px 0}
.blog-sidebar-form .uk-list.uk-margin-bottom-remove li i{margin-right:5px;font-size:12px;color:#444}

/* ===========================
53. portfolio column 2
==============================*/
.portfolio-column-area{padding:35px 0 20px}
.single-portfolio-column{margin-bottom:15px}
.portfolio-column-img{}
.portfolio-column-img a{display:block;overflow:hidden;position:relative;z-index:1}
.portfolio-column-photo{position:relative;top:0;left:0;transition:all .3s ease 0}
.portfolio-column-photo img{}
.portfolio-column-view{position:absolute;left:0;bottom:-58px;width:100%;height:60px;background:#282727 none repeat scroll 0 0;color:#fff;opacity:0;transition:all .3s ease 0}
.portfolio-column-img a:hover .portfolio-column-photo{top:-58px}
.portfolio-column-img a:hover .portfolio-column-view{bottom:0;opacity:1}
.portfolio-column-text{padding:12px 30px}
.portfolio-column-text h4{margin:0 0 5px;font-family:inherit;font-weight:300;font-size:16px;color:#fff!important}
.portfolio-column-text p{margin-bottom:0;font-size:12px;color:#aaa}
.portfolio-column-menu{margin-bottom:45px}
.portfolio-column-menu ul{text-align:center}
.portfolio-column-menu ul li{display:inline-block;overflow:visible;position:relative;margin:0 0 10px;padding:0 12px;font-size:13px;color:#949494;cursor:pointer;transition:all .3s ease-in-out 0}
.portfolio-column-menu ul li:before{position:absolute;top:0;right:-2px;content:'|'}
.portfolio-column-menu ul li:last-child:before{display:none}
.portfolio-column-menu ul li.active,.portfolio-column-menu ul li:hover{color:#2d2c2c}
.portfolio-column-content .mix{display:none}
.masonari-after .portfolio-column-menu ul li::before{display:none;position:absolute;top:0;right:-2px;content:'|'}

/* ===========================
54. portfolio column 3
==============================*/
.portfolio-column-3-area{padding:35px 0 20px}
.portfolio-column-3-area .portfolio-column-menu ul li::before{display:none}
.portfolio-column-3-area .portfolio-column-menu ul li{display:inline-block;float:left;padding:6px 12px;border:1px solid #ff2b42;border-right:0;color:#585252}
.portfolio-column-3-area .portfolio-column-menu ul li:last-child{border-right:1px solid #ff2b42}
.portfolio-column-3-area .portfolio-column-menu ul li.active{background:#ff2b42;color:#fff}
.portfolio-column-3-area .portfolio-column-menu{overflow:hidden;margin-bottom:30px}

/* ===========================
55. portfolio column 4
==============================*/
.portfolio-column-4-area{padding:35px 0 20px}
.portfolio-column-4-area .portfolio-column-img a:hover .portfolio-column-photo{top:0}
.portfolio-column-4-area .portfolio-column-view{top:0;left:-100%;height:100%;background:#ff2b42;opacity:1}
.portfolio-column-4-area .portfolio-column-text{padding:30px 30px 12px}
.portfolio-column-4-area .portfolio-column-img a:hover .portfolio-column-view{left:0;text-align:right;transform:translateX(-20%) skewX(-13deg) !important}
.portfolio-column-4-area .portfolio-column-text h4{font-size:15px;line-height:20px}
.portfolio-column-4-area .portfolio-column-menu ul li::before{display:none}
.portfolio-column-4-area .portfolio-column-menu ul li{padding:9px 16px;color:#888}
.portfolio-column-4-area .portfolio-column-menu ul li.active{background:#ff2b42;color:#fff}

/* ===========================
56. portfolio column 5
==============================*/
.portfolio-column-5-area{padding-bottom:20px;padding-top:35px}
.portfolio-five-column{overflow:hidden;width:90%;margin:0 auto !important}
.portfolio-five-column .single-awesome-portfolio{width:20%}
.portfolio-column-5-area .awesome-portfolio-menu ul li.active,.awesome-portfolio-menu ul li:hover{border-color:#ff2b42;color:#ff2b42}
.portfolio-column-5-area .single-awesome-portfolio{overflow:hidden;margin-bottom:15px;padding-left:15px}
.portfolio-column-5-area .portfolio-column-content{margin-left:-15px}
.portfolio-column-5-area .awesome-portfolio-menu{margin-top:0}
.portfolio-column-5-area .awesome-info h3{font-family:inherit;color:#fff}

/* ===========================
57. portfolio column 6
==============================*/
.portfolio-column-6-area{}
.portfolio-column-6-area .single-awesome-portfolio{width:16.664%}
.portfolio-column-6-area .single-awesome-portfolio a:hover .awesome-img{transform:translateY(-100%)}
.portfolio-column-6-area .awesome-portfolio-menu ul li.active{background:#FF2B42 none repeat scroll 0 0;color:#fff}
.portfolio-column-6-area .awesome-portfolio-menu ul li:hover{border:1px solid #FF2B42}
.portfolio-column-6-area .awesome-portfolio-menu ul{text-align:right}
.portfolio-column-6-area .awesome-portfolio-menu{width:95.1%}
.masonari-menu{overflow:hidden}
.masonari{float:left}
.masonari ul li{padding:10px 12px;border:1px solid #949494}
.portfolio-grid{}
.portfolio-grid .portfolio-item{margin-bottom:25px}
.portfolio-grid .portfolio-item img{width:100%}
.portfolio-grid .portfolio-column-menu ul,.portfolio-grid3 .portfolio-column-menu ul{float:left;margin-bottom:25px;padding-top:5px;border:1px solid #ccc;text-transform:uppercase}
.portfolio-grid .portfolio-column-menu ul li::before{display:none}
.portfolio-grid .portfolio-title a,.portfolio-grid3 .portfolio-title a{font-weight:300;color:#fff}
.portfolio-grid3{}
.portfolio-grid3 .portfolio-item{margin-bottom:25px}
.portfolio-grid4{overflow:hidden}
.portfolio-grid4 .portfolio-column-menu{float:left;margin-bottom:-10px;margin-top:60px}
.portfolio-grid4 .portfolio-column-menu ul li::before{display:none}
.portfolio-grid4 .portfolio-column-menu ul li{position:relative;height:100%;margin-right:10px;padding-bottom:7px;padding-left:0;font-size:14px;font-weight:500;color:#000;text-transform:uppercase}
.portfolio-grid4 .portfolio-column-menu ul li:after{position:absolute;top:100%;left:0;width:0;height:2px;background:#333;content:'';transition:all .6s ease 0}
.portfolio-grid4 .portfolio-column-menu ul li:hover:after,.portfolio-grid6 .portfolio-column-menu ul li:hover:after,.portfolio-grid4 .portfolio-column-menu ul li.active:after,.portfolio-grid6 .portfolio-column-menu ul li.active:after{width:100%}
.photo-glarry-text{position:absolute;bottom:10px;z-index:2;text-align:center}
.photo-glarry-text > p{margin-left:10%;font-size:11px;line-height:11px;color:rgba(255,255,255,0.5) !important;text-transform:uppercase}
.photo-glarry-text > h3{margin-bottom:4px;margin-left:15%;font-weight:700 !important;color:#fff !important}
.portfolio-grid4 .photo-glarry-box:hover .photo-glarry-link{height:100%}
.portfolio-grid4 .photo-glarry-link{height:100%}
.portfolio-grid4 .portfolio-grid-link{top:40px}
.portfolio-grid5 .photo-glarry2{overflow:hidden;width:90%;margin:35px auto 0;padding-bottom:45px}
.photo-glarry-area5 .photo-glarry-box{width:20%;margin:0}
.portfolio-grid5 .portfolio-column-menu{float:none}
.portfolio-grid5 .photo-glarry-text > h3{margin-left:0}
.portfolio-grid5 .portfolio-grid-link{top:10%}
.photo-glarry-area5 .photo-glarry-box:hover .photo-glarry-link a.search{top:11%;margin:0}
.photo-glarry-area6 .portfolio-title h3{display:none;width:130px}
.photo-glarry-area5 .photo-glarry-text > p{color:#fff !important}
.portfolio-grid5 .photo-glarry-text{margin-bottom:10px;margin-left:0}
.portfolio-grid5 .photo-glarry-text > p{margin-left:0}
.portfolio-grid6 .photo-glarry-box{width:15.6%!important}
.portfolio-grid6 .portfolio-title a{font-size:18px;font-weight:normal;color:#fff}
.portfolio-grid6 .portfolio-title h3{width:130px}
.portfolio-grid6 .portfolio-column-menu{float:none;width:60%;margin:85px auto -10px;padding-top:15px;border:1px solid #ccc}
.showcase{}
.showcase .portfolio-column-5-area .portfolio-column-content{margin-left:inherit}
.showcase .portfolio-five-column{overflow:hidden;width:100%;margin:inherit}
.showcase .single-awesome-portfolio{width:25%!important}
.showcase .awesome-portfolio-menu{width:100%}
.showcase .awesome-info h3{font-weight:normal}
.showcase-nolink{display:block;position:relative}
.portfolio-column-6-area .single-awesome-portfolio .showcase-nolink:hover:hover .awesome-img{transform:translateY(-100%)}
.showcase h3.showcase-slide-title{margin-bottom:60px;font-family:open sans;font-size:14px;font-weight:normal;color:#999;text-transform:uppercase}
.showcase-slider .single-awesome-portfolio{width:100%!important}

/* ===========================
58. product page
==============================*/
.product-area{padding:50px 0}
.product-photo{}
.product-left{float:left;width:14%;margin-right:12px}
.product-left span{display:block;margin-bottom:12px}
.product-left span a{}
.product-right{overflow:hidden}
.product-right a{}
.product-desc{}
.product-desc h3{margin-bottom:10px;margin-top:35px;font-size:24px;font-weight:700;line-height:24px}
.product-desc>span{font-size:12px;font-family:open sans;color:#888}
.product-price-full{margin-top:15px}
.product-price-full span{}
.product-price-full span.p-price-full{font-family:open sans;font-size:18px;font-weight:700}
.product-price-full span.p-price-eace{}
.product-price-full span.p-price-g{display:block;margin-top:5px;font-family:open sans}
.product-rating-full{margin:15px 0}
.product-rating-full a{}
.product-rating-full a i{color:#FF2B42}
.product-rating-full span{}
.color-size{margin-top:40px}
.color-size-list{float:left;width:140px;margin-right:10px}
.color-size-list h4{margin-bottom:15px;font-family:open sans;font-size:14px !important;color:#666}
ul.color-s-menu{background:#fff}
ul.color-s-menu li{position:relative}
ul.color-s-menu li a{display:block;padding:10px 15px;border:1px solid #ccc;font-family:open sans;font-size:14px;font-weight:700;color:#444;text-decoration:none}
ul.color-s-menu li a:hover{background:#FF2B42;color:#fff}
ul.color-s-menu li ul{position:absolute;top:130%;z-index:-99;width:100%;background:#fff;opacity:0;transition:all .3s ease 0}
ul.color-s-menu li:hover ul{top:100%;z-index:999;opacity:1}
ul.color-s-menu li ul li{}
ul.color-s-menu li ul li a{padding:8px;border:0;border-bottom:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa}
.contact-us-for-more{margin-top:20px}
.contact-us-for-more a{display:inline-block;height:30px;padding:8px 20px;background-color:#eee;font-family:open sans;font-size:14px;color:#444 !important;text-decoration:none}
.contact-us-for-more a:hover{background:#D5D5D5}
.clear{clear:both}
.no-stock{margin-top:35px}
.no-stock span{font-family:open sans;font-size:15px}
.number-select{margin-top:40px}
.number-select input[type=number]{width:54px;height:40px;margin-right:15px;border:1px solid #aaa;text-align:center}
.number-select input[type=button]{height:40px;padding:0 15px;border:medium none;background:#ff2b42 none repeat scroll 0 0;font-family:open sans;font-size:14px;color:#fff;text-transform:uppercase;transition:all .3s ease 0}
.number-select input[type=button]:hover{background:#f5001d}
.product-tab{margin-top:30px}
.product-tab ul.nav.nav-tabs{margin-bottom:30px}
.product-tab ul{border:medium none}
.product-tab ul li{margin-right:15px}
.product-tab ul li.active a{border:medium none}
.product-tab ul li a{position:relative;padding-left:0;padding-right:0;padding-top:0;border:0 none;font-family:open sans;font-size:15px;color:#444 !important;text-transform:uppercase}
.product-tab .nav > li > a:focus,.product-tab .nav > li > a:hover{border:medium none;background-color:inherit;text-decoration:none}
.product-tab .nav-tabs > li > a:hover{border:0 none}
.product-tab ul li a:after{position:absolute;left:0;bottom:0;width:0;height:1px;background:#000 none repeat scroll 0 0;content:'';transition:all .3s ease-in-out 0}
.product-tab ul li a:hover:after{width:40px}
.product-tab ul li.active a:after{width:100%}
ul.desc-tav-p{margin-left:35px;margin-top:25px;padding:inherit;list-style:inside none disc}
ul.desc-tav-p li{position:relative;padding:3px 0;font-family:open sans;font-size:15px;line-height:18px;color:#666}
ul.desc-tav-p li:after{position:absolute;top:9px;left:-20px;width:7px;height:7px;border-radius:100%;background:#000 none repeat scroll 0 0;content:''}
.product-tab-content{}
.product-tab-content p{font-family:open sans;font-size:15px;line-height:20px;color:#666}
.speci-content{}
.speci-content p{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;font-family:open sans;font-size:14px}
.speci-content p:last-child{border-bottom:0}
.speci-content p a{color:#FF2B42}
.tab-comments{overflow:hidden;margin-bottom:15px;padding:30px;border:1px solid #aaa}
.tab-admin{float:left;width:25%}
.tab-admin h4{margin-bottom:20px;font-size:15px;font-weight:700;color:#444;text-transform:uppercase}
.tab-admin span{font-family:open sans;color:#999}
.tab-p-rating{float:left;width:25%;text-align:center}
.tab-p-rating a{}
.tab-p-rating a i{color:#FF2B42}
.list-note{float:left;width:25%;text-align:center}
.list-note span{font-family:open sans;color:#999}
.like-icon-tab{float:right;width:25%;text-align:right}
span.like-button{}
span.like-button i{font-size:16px;color:#FF2B42}
span.dislike-button{margin-left:10px}
span.dislike-button i{font-size:16px;color:#D14233}
span.list-comments{display:block;margin-bottom:30px;font-size:15px;font-weight:700;color:#444}
.comments-text-p{display:block;float:left;margin-top:20px}
.comments-text-p p{margin-bottom:0;font-family:open sans;font-size:15px;line-height:20px}
.result-comments{text-align:center}
.result-comments p{margin:0;font-family:open sans;color:#999}
.related-product-list-title{margin-top:100px}
.related-product-list-title h3{margin-bottom:35px;padding-bottom:10px;border-bottom:1px solid #ddd;border-color:#f0f0f0 #f0f0f0 #ddd;font-size:18px;font-weight:500;color:#444;text-transform:uppercase}
.product-area .shop-pagination{margin-top:50px}
body.pages .features-area{padding:120px 0;background:#FCFCFC}
.single-features{}
.features-img{overflow:hidden;position:relative}
.features-img span{position:absolute;top:0;left:0;width:55px;height:30px;padding-top:10px;background:#ff2b42 none repeat scroll 0 0;font-family:open sans;font-size:11px;font-weight:700;color:#fff;text-align:center}
.features-img input[type=button]{position:absolute;left:0;bottom:-30px;z-index:-9;width:100%;height:40px;margin:0;border:medium none;background:#FF2B42 none repeat scroll 0 0;font-size:12px;line-height:36px;color:#fff;text-transform:uppercase;transition:all .4s ease 0;opacity:0}
.single-features:hover .features-img input,.single-features:hover .shop-img a i [type=button]{bottom:0;z-index:9;opacity:1}
.features-img a i{}
.features-info{padding:15px;background:#fff;text-align:center}
.features-info h2{margin-bottom:3px}
.features-info h2 a{display:block;font-family:open sans;font-size:16px;font-weight:bold;color:#666;text-decoration:none}
.features-info h2 a:hover,.features-info p a:hover{color:#000}
.features-info p{margin-bottom:8px}
.features-info p a{font-size:11px;font-weight:bold;color:#999;text-decoration:none;text-transform:uppercase}
.features-info h3{margin-bottom:5px;font-size:13px;font-weight:700;color:#666}
.features-info h3 span{font-family:open sans;font-size:15px}
.fea-rating{}
.fea-rating a{}
.fea-rating a i{color:#FF2B42}
.fea-rating span{font-family:open sans;color:#666}
ul.desc-tav-p{margin-left:35px;margin-top:25px;padding:inherit;list-style:inside none disc}
.shop-banner #particles-js{width:100%;height:275px;background:rgba(0, 0, 0, 0) url(img/product/shop01.jpg) repeat scroll 0 0}
.single-shop:hover .button-shop{bottom:0}
.shop-pagination{overflow:hidden;padding:40px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.pagination-shop{float:left}
.pagination-shop ul{}
.pagination-shop ul li.display{padding-right:10px;font-family:open sans}
.pagination-shop ul li.page-one{padding-left:10px;font-family:open sans}
.pagination-shop ul li{display:inline-block}
.pagination-shop ul li a{border:1px solid #f0f0f0}
.pagination-shop ul li a{display:inline-block;height:40px;padding:0 15px;border:1px solid #f0f0f0;font-family:open sans;font-weight:700;line-height:40px;color:#888;text-decoration:none;vertical-align:middle;box-sizing:border-box}
.page-right{float:right;margin-top:8px;font-family:open sans}

/* ===========================
59. shop page
==============================*/
.shop-area{padding-bottom:35px;padding-top:60px}
.single-shop{margin-bottom:35px}
.shop-img input[type=button]{position:absolute;bottom:0;z-index:99;width:85%;opacity:1}
.shop-img a i{}
.button-shop input{}
.button-shop a{}
.button-shop{position:absolute;bottom:-40px;width:100%;transition:all .3s ease 0}
.button-shop a i{float:right;position:absolute;right:0;bottom:0;width:15%;height:40px;padding-top:10px;border-left:1px solid #fff;background:#FF2B42 none repeat scroll 0 0;font-size:18px;color:#fff;text-align:center;opacity:1}
.single-shop:hover .button-shop{bottom:0}
.shop-pagination{overflow:hidden;padding:40px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.pagination-shop{float:left}
.pagination-shop ul{}
.pagination-shop ul li.display{padding-right:10px}
.pagination-shop ul li.page-one{padding-left:10px}
.pagination-shop ul li{display:inline-block}
.pagination-shop ul li a{display:inline-block;height:40px;padding:0 15px;border:1px solid #f0f0f0;line-height:35px;font-weight:700;color:#888;text-decoration:none;vertical-align:middle;box-sizing:border-box}
.pagination-shop ul li a:hover{color:#444}
.page-right{float:right;margin-top:8px}
.page-right p{}
.pagination-bottom{margin-bottom:25px;padding-top:20px;text-align:center}
.pagination-bottom a{font-size:12px;color:#e5e5e5;text-decoration:none !important;text-transform:uppercase;transition:all .3s ease-in-out 0}
.pagination-bottom a:hover{color:#888}

/* ===========================
60. checkout & cart page
==============================*/
.checkout-area{padding:50px 0}
.checkout-content{}
.checkout-content table{text-align:center}
.checkout-content thead{}
.checkout-content thead th{text-align:center}
.checkout-content thead tr{font-weight:bold;font-size:14px;color:#555;text-transform:uppercase}
.checkout-content thead tr th,.checkout-content table td{margin:0;padding:15px 20px !important;border:1px solid #f0f0f0 !important;background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
.checkout-content thead tr th.cart-img-title,.checkout-content table tr td.cart_product_image_value{width:15%}
.checkout-content thead tr th.cart-pro-name{}
.checkout-content thead tr th.cart-pro-price{}
.checkout-content thead tr th.cart-pro-quantity{}
.checkout-content thead tr th.cart-pro-total-price{}
.checkout-content table tr.table-row1:hover{background:#F8F8F8}
.checkout-content table tr.table-row2:hover{background:#F8F8F8}
.checkout-content table tr td.cart_product_image_value{font-family:open sans;vertical-align:middle}
.checkout-content table tr td.cart_product_name_value{}
.checkout-content table tr td.cart_product_price_value{}
.checkout-content table tr td.cart_product_quantity_value{}
.checkout-content table tr td.cart_product_total_value{}
tr.table-row3 td.cart_empty_footer{border-bottom:0 none !important;border-left:0 none !important}
tr.table-row3 td.cart_final_total_title{font-weight:700;text-transform:uppercase}
tr.table-row3 td.cart_total_value{font-family:open sans;font-size:15px;font-weight:700;text-transform:uppercase}
.pro-photo-checkout > img{width:100%}
p.cart_product_name{}
p.cart_product_name a{display:block;margin-top:55%;font-family:open sans;font-size:15px;font-weight:700;color:#666;text-decoration:none}
p.cart_product_name a span{display:block;font-size:14px;font-weight:400;color:#999 !important}
span.product_price{font-family:open sans;font-size:15px;font-weight:700;color:#444}
p.cart_product_name a:hover{color:#000}
.product-quantity-t{}
.product-quantity-t input[type=text]{width:50px;height:35px;border:1px solid #aaa;text-align:center}
.product-quantity-t a{}
.product-quantity-t a i{margin-left:5px;font-size:17px;color:#444}
.convert-cart{margin-top:30px;padding-bottom:40px;border-bottom:1px solid #ddd}
.convert-cart input[type=button]{padding:6px 15px;border:medium none;border-radius:2px;background:#ff2b42 none repeat scroll 0 0;font-family:open sans;font-size:15px;color:#fff;text-transform:uppercase}
.convert-cart input[type=button]:hover,.add-wishlist input[type=button]:hover{background:#f5001d}
.convert-cart p{margin-top:30px}
.convert-cart p span{padding:1px 5px;border-radius:8px;background:#2bcdc1 none repeat scroll 0 0;color:#fff}
span.cart-bottom-link a{color:#999;text-decoration:none}
span.cart-bottom-link{display:block;margin-top:20px;text-align:center}
span.cart-bottom-link a:hover{color:#444}
.add-delete{}
.add-delete i{font-size:17px;color:#444}
.checkout-content table .cart_product_no{}
.cart_empty_total{font-weight:700}
.add-wishlist{}
.add-wishlist input[type=button]{padding:6px 10px;border:medium none;border-radius:2px;background:#ff2b42 none repeat scroll 0 0;font-family:open sans;font-weight:400;font-size:15px;color:#fff;text-transform:uppercase}
.cart-search{margin-bottom:20px;padding:20px 0;border:1px solid #ddd;background:#f5f5f5 none repeat scroll 0 0;text-align:center}
.cart-search p{display:inline-block;margin-bottom:0;margin-right:15px;font-family:open sans;font-weight:700}
.cart-search input[type=text]{width:200px;height:30px;padding-left:10px;border:1px solid #ccc}
.cart-search:hover{background:#ddd}
.wish-cart-title h3{font-size:18px;font-weight:300}
.wish-cart-icon{margin-bottom:10px;text-align:right}
.wish-cart-icon a{}
.wish-cart-icon a i{width:45px;height:45px;padding-top:11px;border:1px solid #999;font-size:20px;color:#999;text-align:center}
.wish-m{padding:15px 0}
.ui-widget-content{border:1px solid #ff2b42;border-radius:10px;background:transparent none repeat scroll 0 0;color:#222}
.ui-slider{position:relative;text-align:left}
.ui-slider-horizontal{height:.8em}
.ui-slider .ui-slider-range{display:block;position:absolute;z-index:1;border:0 none;background-position:0 0;font-size:.7em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-widget-header{border:1px solid #fe5b5a;background:#fe5b5a none repeat scroll 0 0;font-weight:bold;color:#fe5b5a}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:4px solid #FF2B42;border-radius:100%;background:#FF2B42 none repeat scroll 0 0;font-weight:normal;color:#bcbcbc;transition:all .3s ease 0}
.price-range label{margin-bottom:15px;margin-top:15px}
.shop-categori-sidebar{padding:20px;background:#f5f5f5 none repeat scroll 0 0;color:#444}
#amount{border:0 none;background:#f5f5f5 none repeat scroll 0 0;font-family:open sans;font-weight:bold;color:#ff2b42}
.shop-categoti-sidebar{}
.shop-categoti-sidebar .color-size-list{float:left;width:100%;margin-right:10px;margin-top:30px}
.shop-categori-brand{clear:both;padding-top:33px}
.shop-categori-brand h4{margin-bottom:15px;font-family:open sans;font-size:14px !important;color:#666}
.shop-categori-brand ul{overflow:hidden;margin-bottom:23px}
.shop-categori-brand ul li{float:left;margin-bottom:1px;margin-right:1px;padding:7px 10px;background:rgba(0, 0, 0, 0.05) none repeat scroll 0 0}
.shop-categori-brand ul li:hover{background-color:rgba(0,0,0,0.1);color:#444}
.shop-categori-brand ul li a{font-family:open sans;color:#444}
.shop-categori-brand > input{margin-right:5px;margin-top:-4px}
.shop-categori-reset{margin-top:85px;padding-bottom:22px}
.shop-categori-reset p{float:right}
.shop-categori-reset p a{margin-left:15px;padding:4px 10px;border-radius:2px;background:#ff2b42 none repeat scroll 0 0;font-family:open sans;font-size:15px;color:#fff;text-transform:uppercase}
.shop-categori-reset p a:hover{background:#F5001D none repeat scroll 0 0}
.kiron-404-area h2{padding-bottom:15px;border-bottom:1px solid #ccc;font-family:open sans;font-size:36px}
.kiron-404-area p{margin-top:35px;font-family:open sans}
.search .form-control.input-sm{float:left;width:80%;height:50px;border-radius:0;font-size:14px}
.search button{height:50px;padding:10px 45px;border-radius:0;background:#303030 none repeat scroll 0 0;font-size:20px}
.search button:hover{border:1px solid#FF2B42;background:#FF2B42}
.search .form-control:focus{border-color:#ff2b42;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6);outline:0 none}
.search{width:35%;margin:35px auto}
.gallery-page-4 .portfolio-grid-link{top:35%}
.gallery-page-4 .photo-glarry-box:hover .photo-glarry-link a.search{top:35%;margin:0}
.logo img{width:100%}

.test-mark {position:relative;}
.test-mark-01 {position:absolute; top:-222px; left:900px;}
.test-mark-01 img {width:70%; height:70%;}

.txt-pdg p{padding:7px 0;line-height:1.7143em;}
.content-ceo .nav-tabs > li.active > a,.content-ceo .nav-tabs > li.active > a:focus,.content-ceo .nav-tabs > li.active > a:hover{border-bottom:3px solid #555;color:#555;cursor:pointer}
.content-ceo{}
.content-ceo ul#tabs{margin-bottom:2%}
.content-ceo ul#tabs li{float:left;margin-right:2px;border:1px solid #eee}
.content-ceo ul#tabs li a:hover{background:#fff}
.content-ceo ul#tabs li.active{float:left;border:1px solid #555;background:transparent}
.content-ceo ul#tabs li a{padding-right:3em;padding-left:3em;font-size:14px;font-weight:bold}
.bg-ceo{background:url('../img/sub/img_ceo_history_01.jpg') no-repeat 90% top}

.ceo-history{margin-top:35px;margin-bottom:20px}
.ceo-history dt{margin-top:15px;margin-bottom:3px; font-weight: 900; color:#000; font-size:16px;}
.ceo-history dd{padding:4px 0}
.ceo-history dd small{color:#888}

.about-overview-text h2{position:relative;padding-bottom:15px;font-size:36px;line-height:60px;font-weight:300;color:#444;text-transform:none}
.about-overview-text h2:after{display:block;position:absolute;width:20px;height:1px;background:#ccc;content:''}
.about-overview-text h6{margin-top:5px;margin-bottom:20px;font-size:18px;font-weight:bold;line-height:1.714}
.about-overview-text p{margin-bottom:10px;line-height:1.714}
.about-ci-content .etc .col-xs-6 img{border:1px solid #e1e1e1}
.about-ci-content,.service-intro-area,.application-field{margin-top:3%}

.service-intro-area h3,.application-field h3{margin-bottom:20px;font-size:18px;color:#333;font-weight:400;/*padding-bottom:15px;border-bottom:1px solid #ddd*/}
.service-intro-area h3 i,.application-field h3 i{margin-right:10px}
.about-ci-content h4,.application-field h4{margin-top:10px;margin-bottom:10px;font-size:17px;font-weight:normal;color:#0064b2}
.about-ci-content h5,.application-field h5,.panel-body h5{margin-bottom:15px;font-size:16px;font-weight:bold;color:#0068b2}
.application-field h6{margin-bottom:5px;font-size:15px;font-weight:bold}
.about-ci-content p,.application-field p{margin-bottom:15px;line-height:1.7143}
.application-field ul{margin-bottom:20px}
.application-field ul.lst-biz{margin-left:2px}
.application-field ul.lst-biz li{padding:5px 0}
.application-field ul.lst-biz li:before{padding-right:5px;font-size:9px;color:#999;content:'\003E'}
.application-field ul.lst-biz li span i{margin-right:5px;font-size:13px;color:#888}
.application-field ul.lst-desc{margin-top:15px;font-size:12px}
.application-field ul.lst-desc li:before{padding-right:5px;content:'\002D'}
.application-field .row_b{font-weight:900;}
.panel-body ul li .row_b{font-weight:900;}

/*숙면침대*/
.application-field ul.lst-desc-01 {margin-top:3px; margin-left:15px; font-size:14px;}
.application-field ul.lst-desc-01 li:before {padding-right:5px;content:''}

.tbl_lst_ondol,.tbl_lst_hilow{font-size:11px}
.tbl_lst_ondol th,.tbl_lst_ondol td{padding:1px 3px;border-top:1px dotted #888}
.tbl_lst_hilow{margin-top:10px;margin-bottom:10px;border-top:1px solid #666}
.tbl_lst_hilow thead th{padding:5px 10px;text-align:center;border-left:1px solid #999;border-bottom:1px solid #999;background-color:#f6f6f6}
.tbl_lst_hilow tbody td{padding:2px 10px;text-align:center;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.tbl_lst_hilow thead th:first-child,.tbl_lst_hilow tbody td:first-child{border-left:0}

.dl-horizontal{margin-bottom:20px;padding-bottom:15px;border-bottom:1px dotted #aaa}
.dl-horizontal dt{font-size:18px;line-height:1; font-weight: 900;}
.dl-horizontal dd{padding-bottom:7px}

.table-mac {width:98%; border-left:1px solid #efefef; border-bottom:1px solid #efefef;}
.table-mac th, .table-mac td {border-right:1px solid #efefef;}

/* 보도자료 갤러리 */
.list .bs_gallery_contents { clear:both; padding-top:10px; line-height:160%;}
.list .bs_gallery_contents li { position:relative; float:left; width:33.33% !important; min-height:1px; padding-right:10px; padding-left:10px; }
.list .bs_gallery_contents span { font-weight:bold; }
.list .bs_gallery_contents dl { width:100%; } /* 썸네일 이미지 넓이 지정 */
.list .bs_gallery_contents dt { overflow:hidden; height:220px !important; width:100%; /*! vertical-align: top; */border: 1px solid #f2f2f2; padding: 10px;} /* 썸네일 이미지 높이 지정 */
.list .bs_gallery_contents dt img { width:100% !important; max-width:100%; height:100%;}
.list .bs_gallery_contents dd { height:70px; padding:10px; }
.list .bs_gallery_btn { clear:both; text-align:center; }
.list .bs_gallery_btn a { display:inline-block; padding:5px 15px; border:1px solid #c5c5c5; border-radius:3px; background:#f6f6f6; }
.list .bs_gallery_btn select { display:inline; width:200px; }
.list .bs_gallery_page { text-align:center; padding:10px 0; }
.list .bs_gallery_page a {padding:10px; border:1px solid #f2f2f2;}
.list .bs_gallery_search { text-align:right; padding:10px 0; }
.list .bs_gallery_search .form-control	{ display:inline; width:200px; }

/* 맥섬석 에스필 */
.fic_sp{color:#0064b6;}
.dif_sp{color:#df001a; font-weight:bold;}
.sb_t_0303{font-size:16px;font-weight:bold; color:#333333; padding-bottom:10px;}
.mov_b{width:50%; height:320px;}
.pd_top{padding-top:15px;}
.img_r{ float:left; padding-right:20px;}
.img_r01{  }
.sb_i_cla{padding-right:20px;}

.pd_list {width:100%; overflow:hidden;}
.pd_list li {width:20%; overflow:hidden; float:left;}
.pd_list li img {width:100%; display:block;}





/*추가*/
.mainG .awesome-img {width:100%; height: 0; padding-bottom: 65%;}
.equpmentFW > div {float:left;}
.equpmentFW > div img {width:100%;}
.equpmentFW > div:first-child {width: 67%; padding-right: 30px;}
.equpmentFW > div:last-child {width:33%;}
.equpmentFW > div p{padding:5px 0 15px 0;text-align:center}



/*연혁*/
.panes {width:100%; overflow:hidden; position:relative;}
.panes:before {content:''; position:absolute; left:50%; width:1px; margin-left: -0.5px; height: 100%;  background: #0663b0; z-index:-1;}
.panes > li {width:100%; overflow:hidden; }
.panes > li h3 {text-align:center; padding:10px; font-size:20px; width:250px; margin:0 auto; background:#0663b0; color:#fff; border-radius:20px;   font-weight: bold;} 
.history{width:100%;}
.history .img {float:left;width:25%;margin-top: 10px; margin-right:15%; box-sizing:border-box; margin-top:80px; margin-bottom: 15px;}
.history .img img {display: block; width:100%; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); }
.history_con{float:right;width:60%; text-align: left; padding:80px 0;}
.history_con .year{float:left; width:130px; color:#0663b0; font-size:24px;font-weight:bold;  height:100%; position:relative; padding-left: 30px;		 }
.history_con .year:before {content:''; width:17px; height: 17px; border-radius:100px; background: #fff; border:3px solid #0663b0; box-sizing:border-box; position:absolute; right:8px; top:50%; transform:translateY(-50%);}
.history_con ul{float:left;width:calc(100% - 150px);margin-left:10px; margin-bottom: 30px;}
.history_con li{float:left; width:100%;  text-indent:-11px;padding-left:11px; padding-bottom: 10px; word-break:keep-all;}
.history_con li:before {content:'-'; padding-right:5px; }



 /*responsive*/
@media (max-width: 1200px) {

.history_con {width:65%}
.history .img {float:left;width:25%;margin-top: 10px; margin-right:10%; box-sizing:border-box; margin-top:80px; }
.history_con .year {width:24.5%; padding-left:0;}
.history_con ul{width:calc(75.5% - 20px);}
.history_con .year:before {RIGHT:0}

}


@media (max-width: 980px) {

.mov_b{width:70%; height:320px;}
.history_con .year {width:24.8%; padding-left:0;}
.history_con ul{width:calc(75.2% - 20px);}

}


@media (max-width: 800px) {

.history .img {/* display:flex; flex-wrap:wrap;justify-content:left; */	 width:100%;margin-top: 40px; }
.history .img img {width:33.3333%;  height: auto !important;float:left;}
.history_con {width:100%;}
.panes > li h3 {float:left;}
.panes:before {left:92px; margin-left: 0; }
.history_con .year {width:100px; padding-left:0;}
.history_con ul{width:calc(100% - 120px);}

}


@media (max-width: 768px) {
.list .bs_gallery_contents li {float:left !important; width:50% !important; }
.popup_area{width:70%; height: auto;top:50px !important; }
.popup_area table {width:100%;height: auto;}
.popup_area table tr td {height: auto;}
}


@media (max-width: 767px) {
.list .bs_gallery_contents li {float:left !important; width:100% !important; }
.pd_t{padding-top:15px;}
.img_r{ width:25%;float:left; padding-right:20px;}
.img_r01{ width:55%;float:left;}

}


/* 보도자료 갤러리 */
@media (min-width:768px){

.team-m-img{padding-top:55px;padding-left:35px}
.team-m-img img{width:300px}
.team-m-desc .skill .progress .lead{font-size:85%;letter-spacing:0}
.dl-horizontal dt{width:80px;/*text-align:left*/}
.dl-horizontal dd{margin-left:100px}
.about-brand-list{margin-left:-30px}
.about2-parchech-package-area .about-plan-options{min-height:380px}

}


@media (max-width: 768px){

	.bg-ceo{background-size:45%}
	.team-member-tab ul.nav-tabs li a{padding-right:10px;padding-left:10px;font-size:85%}
	.dl-horizontal dt{margin-bottom:10px}
	.service-accordion .panel-title a{padding-right:40px;line-height:1.7143}
	.asked-tab .panel-body{padding-left:15px}
	.expert-info{overflow:hidden;height:90px}
	
	.photo-glarry-box p {height:50px;}

}


@media (max-width: 640px){

.mov_b{width:60%; height:220px;}


.history_con {padding:20px 0;}
.panes > li h3 {border-radius:0; margin-top: 0; width:100%; font-size:18px;}
.history_con .year{width:60px; font-size:18px; padding-left: 20px; margin-bottom: 5px; }
.history_con ul{width:100%;margin-left:0; margin-top: 5px; padding-left: 20px; margin-bottom: 20px;}
.panes:before {left:7px; margin-left: 0; background: rgba(6, 99, 176, 0.2);}
.history_con .year:before {width:15px; height: 15px; right:auto; left:0; }
.history .img {margin-top: 20px}


}



@media (max-width: 480px){
.mov_b{width:100%; height:240px;}
.img_r{ width:30%;float:left; padding-right:10px;}
.img_r01{ width:68%;float:left;}
.sb_i_cla{padding-right:0px; width:60%;}



}


@media (max-width: 380px){
.mov_b{width:100%; height:170px;}
}


#popup_8 tr td {background:#000 !important;}

/* 맥섬석 갤러리 */
.greeting_box{  width: 100%; float: left;}
.greeting_box .txbox{  width:auto; }
.greeting_box .txbox .tx1{  width:auto;  clear: both; display: inline-block;  padding: 0px 10px; background-color: #333; color: #fff; font-family:'Nanum Gothic'; font-weight: 700; font-size: 18px; margin-bottom: 3px; height: 40px; line-height:40px;  }
@media (max-width: 2048px){
.greeting_box .txbox .tx2{  width:auto;  clear: both; display: inline-block;  padding: 0px 10px; background-color: #333; color: #fff; font-family:'Nanum Gothic'; font-weight: 700; font-size: 24px; margin-bottom: 3px; height: 40px; line-height:40px;  }
}
@media (max-width: 480px){
.greeting_box .txbox .tx2{  width:auto;  clear: both; display: inline-block;  padding: 0px 10px; background-color: #333; color: #fff; font-family:'Nanum Gothic'; font-weight: 700; font-size: 13px; margin-bottom: 3px; height: 40px; line-height:40px;  }
}