/*
Theme Name: Dzire 2 Dzine
Theme URI: https://dzire2dzine.com/
Author: Saket Jajodia
Author URI: https://dzire2dzine.com/
Description:
Version: 5.0
License:
Tags:
*/
/*** *Coded By Saket Jajodia From Dzire2Dzine.COM* ***/
/*********************************************************************************************************************/
body{background:#fff; margin:0; padding:0; font:400 12px 'PT Sans',Helvetica,sans-serif; color:#393a3a;}
table,tr,td{border:none; border-collapse:collapse; margin:0; padding:0;}
img,a img,a:link,a:active,a:hover,a:visited{border:none; text-decoration:none; margin:0; padding:0;}
ul,ol,ul li{list-style-type:none; display:inline-table;}
.left{float:left;}.right{float:right;}
* :focus {outline:none;}
* {margin:0; padding:0;}
/*** *the following code apply only in IE6* ***/
* html{}
* html body{}
* html .foo{}
/*** *the following code apply only in IE7* ***/
*+html .foo{}
/*********************************************************************************************************************/
button, .button, input[type="button"], input[type="reset"], input[type="submit"]{text-transform:uppercase; font-weight:700;}
button,.button,input[type="button"],input[type="reset"],input[type="submit"]{background-color:#24890d; border:0; border-radius:2px; color:#fff; font-size:12px; font-weight:700; padding:10px 30px 11px; text-transform:uppercase; vertical-align:-webkit-baseline-middle;}

.master{background:#ffde55; height:150px;}
div.sub_master{width:1000px; margin:0 auto;}
header,#body,footer{width:100%; height:auto; float:left;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
h1{margin:0;}h2{}h3{}h4{}h5{}h6{}
hr{background:rgba(57, 58, 58, 0.1); width:100%; height:100%; border:none; display:inline; float:left;}
#hrhead{background:#ffde55; width:100%; height:3px; margin:3px 0;}
#hrtop,#hrmid,#hrbot{margin:0;}

body > img{display:none;width:0;height:0;margin:0;padding:0;}
/****** *svg* ******/
.cloud{background:url(/v5/svg/cloud.svg) no-repeat;}
.cloudw{background:url(/v5/svg/cloud-w.svg) no-repeat;}
.happy{background:url(/v5/svg/happy-cloud.svg) no-repeat;}
.happyw{background:url(/v5/svg/happy-cloud-w.svg) no-repeat;}
.sad{background:url(/v5/svg/sad-cloud.svg) no-repeat;}
.logo{background:url(/v5/svg/logo.svg) no-repeat;}
.mail{background-size:280px; background-position:120px 80px;}
.call{background:url(/v5/svg/call.svg) no-repeat;}
.social{background-position:151px 61px;}
.testimonial{background-position:91px 0;}
.download{background-position:182px 61px;}
.social,.testimonial,.download{background-size:212px; width:30px; height:30px; font-size:0; float:left; margin:9px 0 9px 40px;}
.cloud,.cloudw,.happy,.happyw,.sad,.logo,.call{background-size:100% 100%; float:left;}
.icons,.tnav span.icon,.grid figcaption div.right span,.mail,.social,.testimonial,.download{background-image:url(/v5/img/icons.png);}

.happy.h16{width:24px; height:16px;}
.happy.h34{width:51px; height:34px;}
.happy.h40{width:60px; height:40px;}
.happy.h50{width:75px; height:50px;}
.happy.h70{width:105px; height:70px;}
.happy.h80{width:120px; height:80px;}
.cloud.h6{width:9px; height:6px;}
.cloud.h8{width:12px; height:8px;}
.cloud.h10{width:15px; height:10px;}
.cloud.h12{width:18px; height:12px;}
.cloud.h14{width:21px; height:14px;}
.cloud.h16{width:24px; height:16px;}
.cloud.h18{width:27px; height:18px;}
.cloud.h20{width:30px; height:20px;}
.cloud.h24{width:36px; height:24px;}
.cloud.h28{width:42px; height:28px;}
.cloud.h32{width:48px; height:32px;}
.cloud.h34{width:51px; height:34px;}
.cloud.h36{width:54px; height:36px;}
.cloud.h38{width:57px; height:38px;}
.cloud.h40{width:60px; height:40px;}
.cloud.h52{width:78px; height:52px;}
.cloud.h290{width:435px; height:290px;}
.cloud.h300{width:450px; height:300px;}
.cloud.h310{width:465px; height:310px;}
.cloud.h320{width:480px; height:320px;}

.happyw.h16{width:24px; height:16px;}
.happyw.h34{width:51px; height:34px;}
.happyw.h40{width:60px; height:40px;}
.happyw.h50{width:75px; height:50px;}
.happyw.h70{width:105px; height:70px;}
.happyw.h80{width:120px; height:80px;}
.cloudw.h6{width:9px; height:6px;}
.cloudw.h8{width:12px; height:8px;}
.cloudw.h10{width:15px; height:10px;}
.cloudw.h12{width:18px; height:12px;}
.cloudw.h14{width:21px; height:14px;}
.cloudw.h16{width:24px; height:16px;}
.cloudw.h18{width:27px; height:18px;}
.cloudw.h20{width:30px; height:20px;}
.cloudw.h24{width:36px; height:24px;}
.cloudw.h28{width:42px; height:28px;}
.cloudw.h32{width:48px; height:32px;}
.cloudw.h34{width:51px; height:34px;}
.cloudw.h36{width:54px; height:36px;}
.cloudw.h38{width:57px; height:38px;}
.cloudw.h40{width:60px; height:40px;}
.cloudw.h52{width:78px; height:52px;}
.cloudw.h290{width:435px; height:290px;}
.cloudw.h300{width:450px; height:300px;}
.cloudw.h310{width:465px; height:310px;}
.cloudw.h320{width:480px; height:320px;}

.happy.w25{width:25px; height:16px;}
.happy.w60{width:60px; height:40px;}
.happy.w50{width:50px; height:32px;}
.happy.w125{width:125px; height:81px;}
.cloud.w10{width:10px; height:7px;}
.cloud.w12{width:12px; height:8px;}
.cloud.w15{width:15px; height:10px;}
.cloud.w20{width:20px; height:13px;}
.cloud.w25{width:25px; height:16px;}
.cloud.w30{width:30px; height:20px;}
.cloud.w35{width:36px; height:24px;}
.cloud.w40{width:40px; height:26px;}
.cloud.w50{width:50px; height:32px;}
.cloud.w60{width:60px; height:40px;}
.cloud.w80{width:80px; height:52px;}
.cloud.w450{width:450px; height:290px;}

/****** *head* ******/
header{}
#headbar{background:url(/v5/img/headbar.png) no-repeat top center; width:100%; height:12px; margin:0 auto;}
#logo{width:170px; height:85px; margin-top:30px; position:absolute;}
/* top nav */
nav.top{float:right; margin-top:30px; text-align:center;}
li.tnav{width:80px; height:85px;}
.tnav a{color:#393a3a;}
.current-menu-item a,.tnav:hover a{color:#ff5555;}
.tnav span.icon{width:50px; height:50px; display:block; margin:0 auto;}
.tnav span.txt{margin:20px auto 0; display:block;}

.tnhom span.icon{background-position:0 -51px;}
.tnabt span.icon{background-position:305px -51px;}
.tnpf span.icon{background-position:254px -51px;}
.tnclnt span.icon{background-position:203px -51px;}
.tntesti span.icon{background-position:152px -51px;}
.tnblog span.icon{background-position:101px -51px;}
.tncon span.icon{background-position:50px -51px;}
.tnhom.tnav:hover span.icon{background-position:0 0;}
.tnabt.tnav:hover span.icon{background-position:305px 0;}
.tnpf.tnav:hover span.icon{background-position:254px 0;}
.tnclnt.tnav:hover span.icon{background-position:203px 0;}
.tntesti.tnav:hover span.icon{background-position:152px 0;}
.tnblog.tnav:hover span.icon{background-position:101px 0;}
.tncon.tnav:hover span.icon{background-position:50px 0;}

.tnhom span.icon{background-position:0 0;}
.tnabt span.icon{background-position:305px 0;}
.tnpf span.icon{background-position:254px 0;}
.tnclnt span.icon{background-position:203px 0;}
.tntesti span.icon{background-position:152px 0;}
.tnblog span.icon{background-position:101px 0;}
.tncon span.icon{background-position:50px 0;}
.tnhom.tnav:hover span.icon{background-position:0 -51px;}
.tnabt.tnav:hover span.icon{background-position:305px -51px;}
.tnpf.tnav:hover span.icon{background-position:254px -51px;}
.tnclnt.tnav:hover span.icon{background-position:203px -51px;}
.tntesti.tnav:hover span.icon{background-position:152px -51px;}
.tnblog.tnav:hover span.icon{background-position:101px -51px;}
.tncon.tnav:hover span.icon{background-position:50px -51px;}

#title{width:1000px; margin:0 auto;}
#title .w25{margin:20px 0 0;}
#title h1{text-transform:uppercase; font-weight:600; margin:60px 18px 60px;}
#title h1 span{position:relative; padding-bottom:4px; text-decoration:none;}
#title h1 span::after{background:#000; background:-webkit-linear-gradient(left,#000 0%,#fff 100%); background:-moz-linear-gradient(left,#000 0%,#fff 100%); background:-ms-linear-gradient(left,#000 0%,#fff 100%); background:-o-linear-gradient(left,#000 0%,#fff 100%); background:linear-gradient(left,#000 0%,#fff 100%); height:1px; width:100%; content:""; position:absolute; bottom:0; left:0;}
#title .w15{margin:20px 0 0 600px;}
#title .w60{margin:-70px 0 0 80px;}
#title .w30{margin:-9px 0 0 200px;}
#title .plane img{margin:-90px 0 0 170px;}
#title .w20{margin:-111px 0 0 980px;}

/****** *body* ******/
#body{}
div.mantel{background:url(/v5/svg/pages-cloud.svg) no-repeat center; width:100%; overflow:hidden; margin:0 auto;}
hr#hrland{background:#aaa; height:1px; margin:0 0 9px;}

/****** *foot* ******/
footer{}
#footsldr,#footlogo{width:100%; height:auto; float:left;}
#footlogo{background:#ffde55; height:125px; margin-top:-50px;}
#footlogo .ftlg{width:202px; margin:58px auto 0; overflow:hidden;}
#footlogo .w15{margin:22px 3px;}
#footlogo .w30{margin:18px 5px;}
#footlogo .w80{margin:6px 1px;}
#footlogo .h10{margin:25px 3px;}
#footlogo .h20{margin:20px 5px;}
#footlogo .h52{margin:4px 1px;}
#footlogo .logo{width:40px; height:20px; margin:16px 18px;}

/****** *plugins* ******/


/*****  **Transition** *****/
/* *all* */
.tnav a,.tnav:hover a,.tnav span.icon,.tnav:hover span.icon{transform:all 250ms linear; -webkit-transition:all 250ms linear;  -moz-transition:all 250ms linear; -ms-transition:all 250ms linear; -o-transition:all 250ms linear;}

/* *blog,clientele,social,portfolio* */
.entry-header img, div.client img, div.portfolio img{transition:opacity 0.35s; -webkit-transition:opacity 0.35s;}
.entry-header div.caption::after,.entry-header:hover div.caption::after, div.client div.caption::after,div.client:hover div.caption::after, .socl, div.portfolio div.caption::after,div.portfolio:hover div.caption::after, .lavaLamp li button,.lavaLamp li:hover button/*,#portfolios .portfolio,#portfolios .portfolio:hover*/{transition:all 300ms ease-in-out; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out;}
.entry-header .caption span, div.client span, div.portfolio .span{transition:opacity 0.35s, transform 0.35s; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;}

/*** *Coded By Saket Jajodia From Dzire2Dzine.COM* ***/