@charset "utf-8";
/* CSS Document */


/*   DSC Old CSS*/
/*blog-container
---------------------------------------------------------*/
.dsc_annual{ padding-top:60px;}
.service_cloud_row2 .company_history_section .half {float: left; width: 46%; text-align: left; padding: 0 1.8%;}
.blog-container{display:block; background:#f4f5f7; overflow:hidden; margin:0; padding:80px 0px; float:left; width:96%; margin:0 24px;}
.blog-container h2{padding:40px 0 30px;}
.two-col-left{float:left; width:100%;}
.two-col-left .first-col{float:left; width:49.99%; position:relative;}
.two-col-left .first-col h3{padding-bottom:20px}
.two-col-left .second-col{float:right; width:49.99%; position:relative;}
.two-col-left .second-col h3{padding-bottom:20px}
.two-col-left .first-col .col{float:left; width:100%; background:#fff; min-height:480px; position:relative;}
.two-col-left .first-col .col figure{float:left; max-height:480px; width:50%; overflow:hidden}
.two-col-left .first-col .col figure img{ max-width:100%; width:100%}
.two-col-left .second-col .col{float:left; width:47%; margin-left:2.99%; background:#fff; min-height:480px; position:relative;}
.two-col-left .second-col .col figure{ width:100%; height:145px;}
.two-col-left .second-col .col figure img{width:100%; max-width:100%}

.two-col-left .first-col .btn{left:318px; position:absolute; bottom:30px}
.two-col-left .second-col .col .btn{position:absolute; bottom:30px; left:30px}
.two-col-left .col h4{font-size:18px; line-height:28px; font-weight:500; padding:20px 26px 0; overflow:hidden;}
.two-col-left .first-col p{padding:10px 26px 0; overflow:hidden; font-weight:300;}
.two-col-left .second-col p{padding:10px 26px 0; overflow:hidden; font-weight:300;}
/*row-container
---------------------------------------------------------*/
.pagecontent{ border-bottom:none!important}
.row{float:left; width:94%; padding:30px 3%}
.row2{width:80%; margin:0 auto}
.row.intro{ padding:40px 3% 80px}
.row .intro{ padding:0px}
.row h3{font-size:3em; line-height:36px; font-family: 'raleway', sans-serif; color: #454444; font-weight: 200; padding-bottom: 10px;}
.row h4{font-size:2.4em; line-height:28px; font-family: 'raleway', sans-serif; color: #454444; font-weight: 200; padding-bottom: 10px;}
.row.intro p,  .row .intro p{ font-size:1.3em; line-height:20px; font-weight:300; color:#454444}
.pagecontent h1{font-size:36px; line-height:44px; padding-bottom:15px;}
.pagecontent p{ padding:5px 0px 15px;}
.pagecontent ul{ list-style:none; display:inline-block}
.pagecontent ul li{ background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/bullets.png) left 5px no-repeat;font-size:18px; line-height:28px; font-weight:300; padding:0px 0px 10px 20px; text-align:left}

.left-col{width:60%; float:left; padding:2.5%}
.right-col{width:30%; float:right; padding:2.5%; margin-top:2.5%}
.col-two{width:45%; padding:0 2.5% 2.5% 2.5%; float:left}
.minheight{min-height:265px}
.gray{background:#f4f5f7}
.dark-gray{background:#ebedf1}
.green{background:#e7f7de}
.blue{background:#d3ebf6}
.orange{background:#feefde}

.business-benefits{background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/business-benefits.jpg) no-repeat center top; padding:45px 3%}
.business-benefits h3, .business-benefits h4{color:#FFFFFF;}
.business-benefits h4{padding-bottom:30px}
.business-benefits ul{ float:left; width:100%; list-style:none;}
.business-benefits ul li{float:left; width:24.9%; min-height:100px; border-top:1px solid #2a2b2a; border-right:1px solid #2a2b2a; color:#999; text-align:center; padding:25px 0; background-image:none}
.business-benefits ul li p{ font-size:20px; line-height:24px;}
.business-benefits-img{ margin:0 auto; display:block; text-align:center;}
.leftside .author{ border:solid 1px #CCCCCC; width:100%; margin-bottom:30px}
.leftside .author p{ font-size:1.4em; line-height:1.3em; color:#666; padding:0px 0px 5px}
.leftside .author p em{color:#7a7a79;}
.leftside .author p strong{color:#333; font-size:1.1em}
.leftside .author p.name{ font-size:1.8em; color:#28a0ff; font-style:normal; font-family: "wf_SegoeUISemiBold", "Segoe UI", sans-serif; background:none;}
.leftside .author a{color:#666}
.leftside .author a:hover{color:#0285B0}
.leftside .author td{padding:2px 6px; font-size:14px; color:#000000; font-weight:400}
.leftside .author td a{color:#0295c5}
.leftside .author td span{color:#999999}
.leftside .author h3{ font-size:22px; color:#333333; font-weight:400}
.leftside .heading{border-bottom:solid 1px #c2c2c1; border-top:solid 1px #c2c2c1; padding:10px 0px; clear:both;}
.leftside p.linkedin{ border: 1px solid #eee; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;line-height: 1em;padding: 12px!important;margin: 15px 0;font-weight: bold;font-size: 1.5em;float: left;}
.leftside p.linkedin span {float: left;margin-right: 6px;line-height: 1.2em;}
.leftside ul{margin-bottom:5px}
.leftside ul li{font-size: 1.3em; line-height: 20px; color: #333; font-weight: 300; margin-left:25px; padding-left:5px; padding-bottom:15px}
.leftside p + ul{margin-top:-13px}
.leftside ul.relatedpost{margin-top:10px}
.leftside ul.relatedpost li{padding-bottom:5px; list-style:disc   }
.leftside ul.relatedpost li a{color:#1492d4}

.boxm{border:1px solid; margin:15px 0px 15px 0px; font-size:18px; font-weight: 100; padding:0 0px 0px 0; border:1px solid #E6E6E6; display:block; background:#fff; box-shadow: #ccc 0px 2px 3px;
-webkit-box-shadow: #ccc 0px 2px 3px;
-moz-box-shadow: #ccc 0px 2px 3px; behavior: url(PIE.htc);
}

.boxm .brd{border-right:1px solid #E6E6E6; border-left:1px solid #E6E6E6; width:154px;}
.boxm p{ font-weight:400; padding:10px 0px 10px 10px!important; border-bottom:solid 1px #E6E6E6}
.boxm .in{float:left; width:215px; padding:15px 10px 15px 10px; color:#000; display:block; line-height:20px; color:#00B3DC; }
.boxm .in span{color:#666; font-size:13px;}
.wppost .leftContent article .boxm p{border-bottom:1px solid #E6E6E6; padding: 10px 10px 10px 10px; display:block; margin:0px; color:#666; font-size:0.99em; line-height:18px;}
.boxm ul li{ padding: 2px 10px 10px 10px; display:block; margin:0px; }
.boxm .brd{border-right:1px solid #E6E6E6; border-left:1px solid #E6E6E6; width:154px;}
.boxm .width{width:170px;}
.clear{clear:both;}
.boxauthor{border:1px solid; margin:15px 15px 15px 0 !important; float:left; font-size:14px; padding:15px 15px 15px 25px; border:1px solid #E6E6E6; display:block; background:#fff; color:#333; box-shadow: #ccc 0px 2px 3px; width:340px; -webkit-box-shadow: #ccc 0px 2px 3px; -moz-box-shadow: #ccc 0px 2px 3px; behavior: url(PIE.htc);}


.boxauthor.pull-right { margin-top:0; float:left;}
.boxauthor .in{float:left; width:150px; padding:0px 10px 15px 0px;   display:block; line-height:20px;} 
.boxauthor .in a{color:#00B3DC; text-decoration:none;}
.boxauthor .in a:hover{color:#000;}
.boxauthor + p{clear:left}




/*row-container
---------------------------------------------------------*/

/*  Archice List*/

.leftside{float:left; width:74%; position:relative; color:#454444}
.leftside .archiveList{float:left; width:100%;}
.leftside .authorinfo{float:left; width:18%; text-align:right; padding-right:2%;}
.leftside .authorinfo .date{border-bottom:solid 1px #CCCCCC; display:inline-block; padding:0px 0px 10px 15px; margin-bottom:20px;  color:#454444; font-size:1.6em}
.leftside .authorinfo .date strong{font-size:50px; color:#999999; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.leftside .authorinfo .published{ font-size:20px; text-transform:capitalize}
.leftside .authorinfo .published span{color:#999999; font-size:15px; text-transform:none}
.leftside .authorinfo figure img {border-radius: 50%;}
.leftside .authorinfo p.name{ font-size:18px; line-height:30px; color:#28a0ff; font-weight:bold; margin:15px 0px}
.leftside .authorinfo p{ color:#7a7a79; font-size:15px; line-height:18px; margin-bottom:10px}
.leftside .authorinfo p em{ color:#7a7a79; font-size:15px; line-height:20px; font-style:italic}
.leftside .authorinfo p strong{ color:#333; font-weight:bold}
.leftside .authorinfo a{color:#666666}
.leftside .authorinfo a:hover{color:#1492d4}


.leftside .archiveinfo{ float:left; width:78%; padding-right: 2%; border-bottom:solid 1px #e5e5e5; padding-bottom:25px; margin-bottom:25px}
.leftside .archiveList:last-child .archiveinfo{border-bottom:none}
.leftside .archiveinfo h1{font-size:3.4em; line-height:44px; margin-bottom:10px; font-weight:300}
.leftside .archiveinfo h2{font-size:2.8em; line-height:36px; margin-bottom:5px; font-weight:300}
.leftside .archiveinfo h2 a{color:#333333}
.leftside .archiveinfo h3{font-size:18px; padding-bottom:10px}
.leftside .archiveinfo h2 a:hover{color:#000}
.leftside .archiveinfo p{padding-bottom:30px; font-size:1.3em; line-height:24px;}
.leftside .archiveinfo figure{ width:225px; height:auto; max-height:140px; float:left; margin:6px 14px 5px 0px; overflow:hidden}
.leftside .archiveinfo figure a{background:#000000; display:block}
.leftside .archiveinfo figure a:hover img{ opacity:0.8}
.leftside .archiveinfo figure img{width:100%; max-width:100%; margin-top:-40px; position:relative; height:auto}

.table2{width:100%;margin:20px 0px;border:solid 1px #0295c5}
.table2 td{padding:6px; font-size:18px; color:#666; border:solid 1px #0295c5}
.table2 td h3{font-size:18px; color:#fff; font-weight:400}
.table2 td li{ font-size:18px}
  


/* C-From*/
.contactfrm{width:600px; margin:0px 0 80px 40px; padding:25px; border:solid 1px #CCCCCC; float:left}
.contactfrm p{float:left; width:100%; margin-bottom:10px}
.contactfrm label, .popwrap label{ width:27%; line-height:42px; float:left; padding-right:3%; text-align:right; font-size:1.6em; color:#454444;}
.contactfrm input[type="text"],.contactfrm input[type="email"], .popwrap input[type="text"],.popwrap input[type="email"]{width:60%; padding:7px; border:solid 1px #999; outline:none; font-size:16px; float:left}
.contactfrm textarea, .popwrap textarea {width:60%; height:120px; padding:7px; border:solid 1px #999; outline:none; font-size:16px; }
.contactfrm span.wpcf7-not-valid-tip, .popwrap span.wpcf7-not-valid-tip{left:0px; top:0px; width:97.5%; padding:3px; background:#ffe2e2; font-size:16px; position:relative}
.popwrap wpcf7-validation-errors{float:left}

/*  For Register Popup*/
.overlay{width:100%; height:100%; position:fixed; left:0px; top:0px; background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/transprant_black.png) repeat; z-index:999; display:none}
.popupwrap{width:492px; padding:20px; background:#FFFFFF; position:fixed; z-index:9999; left:50%; top:100px; margin:0px 0px 0px -250px;display:none}
.popupwrap .closedpop{ background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/close_btn.png) no-repeat 0 0; width:21px; height:21px; cursor:pointer; position:absolute; top:-15px; right:-21px; display:block}
.popupwrap .heading{font-size:2em; margin-bottom:10px}
.popupwrap .panel2 fieldset{border:none}
.popupwrap .panel2 .line{border-bottom:solid 1px #ddd; clear:both; margin-bottom:18px}
.popupwrap .panel2 p{ float:left; width:100%; margin-bottom:18px;}
.popupwrap .panel2 p select{width:47.5%; padding:2%; float:left;}
.popupwrap .panel2 p input:nth-child(odd){width:43%; padding:2%; float:left; margin:0 2% 0 0}
.popupwrap .panel2 p input:nth-child(even){width:43%; padding:2%; float:left; margin:0 0 0 2%}

.popupwrap .panel2 p select:nth-child(odd){margin:0 2% 0 0}
.popupwrap .panel2 p select:nth-child(even){margin:0 0 0 2%}
.popupwrap .panel2 p select, .popupwrap .panel2 p input[type="text"]{border:solid 1px #ccc; color:#333}
.popupwrap .panel2 input[type="submit"]{background:#44b1d9; padding: 10px 56px; color:#FFFFFF; text-align:center; border:none; cursor:pointer; font-size:2em}
.popupwrap .panel2 input[type="submit"]:hover{background:#484a4b;}

.popupwrap .panel2 input[type="text"]:focus, .popupwrap .panel2 input[type="text"]:hover, .popupwrap .panel2 p select:focus, .popupwrap .panel2 p select:hover{ border:solid 1px #74b9ef}




/* --------------------------------------------------------- */
/*  Aside */
aside{width:22%; padding:20px 2%; margin-top:40px; background:#f4f5f7; float:right; color:#454444; height: auto !important;}
aside .search-panel{ float:left; width:100%; margin-bottom:20px; border-bottom:solid 1px #ccc}
aside h3{ color:#333333; font-size:2.8em; font-weight:300; line-height:36px; padding-bottom:6px;}
aside input[type="text"], aside input[type="password"], aside input[type="email"]{ border:1px solid #dadada; color:#b3b3b3; padding:13px 10px 12px 10px; outline:none; background:#fff; width:170px; font-size:14px; box-shadow:none; margin:0 0 21px 0;  vertical-align:middle; float:left}
aside input[type="text"]:focus, aside input[type="text"]:hover{ outline:none;}
aside .btn{padding:9px 21px 8px 21px; *padding:5px 21px 6px 21px; vertical-align:middle; overflow:visible; width:auto; border: 1px solid #000; background:#fff; color: #000; font-size: 18px; line-height: 24px; transition: all 0.25s ease-in 0s;-webkit-transition: all 0.25s ease-in 0s;-moz-transition: all 0.25s ease-in 0s;-ms-transition: all 0.25s ease-in 0s;-o-transition: all 0.25s ease-in 0s; margin:0 0 21px -4px; cursor:pointer; float:left}
aside input[type="radio"]{ vertical-align:middle;}
aside input[type="button"]{float:left; padding:6px 20px 7px!important}
.ff aside input[type="button"]{padding:8px 20px 10px!important}
aside .watch-video{ padding-bottom:22px;}
aside .heading3{ font-size:18px; font-weight:600; line-height:26px; padding-bottom:6px;}

aside .form-row{ color:#333; padding-bottom:16px; line-height:32px;}
aside .form-row .btn{margin-top:10px; float:left}
aside .view-result{ float:right; margin-top:28px; font-size:14px; font-weight:300; vertical-align:bottom;}
aside .view-result a{ color:#000000; text-decoration:underline;}
aside .view-result a:hover{ text-decoration:none;}

aside .demo-panel{ background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/demo-panel-bg.png) left top no-repeat; width:100%; padding:15px 20px 20px 20px; margin-left:-20px; margin-right:-20px; background-size:cover; margin-bottom:21px; margin-top:27px; *margin-top: 0px; clear:both; float:left	 }
aside .demo-panel h3{ color:#fff;}
aside .demo-panel p{ color:#fff; font-size:1.3em; line-height:20px}
aside .demo-panel .btn{padding:9px 21px 8px 21px; vertical-align:middle; overflow:visible; width:auto; border: 1px solid #fff; background:transparent; color: #fff; font-size: 18px; line-height: 24px; transition: all 0.25s ease-in 0s;-webkit-transition: all 0.25s ease-in 0s;-moz-transition: all 0.25s ease-in 0s;-ms-transition: all 0.25s ease-in 0s;-o-transition: all 0.25s ease-in 0s; margin:20px 0 21px -4px; cursor:pointer;}
aside .demo-panel .btn:hover{ background:rgba(0,137,204,0.7); border:1px solid #0089cf; color:#fff}

aside ul{ list-style:none;}
aside ul li{ background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/aside-bullet.png) left 10px no-repeat; padding:0 0 10px 16px; line-height:1.5em; font-size:1.3em; font-weight:20px;}
aside ul li a{ text-decoration:underline; color:#333333;}
aside ul li a:hover{ text-decoration:none;}
aside .white-paper{float:left}

.wp-polls-form{}
.wp-polls-form p, .wp-polls p{ text-align:left !important; font-size:1.3em;} 
.wp-polls-form p strong, .wp-polls p strong{ font-weight:bold;}

.wp-polls ul li label{font-size:1em}
.wp-polls-form a, .wp-polls a{ color:#000000; text-decoration:underline; float:right; display:inline-block; margin-top: -20px; font-size: 14px; font-weight: 300; vertical-align: bottom;}
.wp-polls-form a:hover, .wp-polls a:hover{ text-decoration:none;}

.wp-polls-ans{}
 ul.wp-polls-ul{ list-style:none; margin:10px 0 0 0 }
 ul.wp-polls-ul li{ padding-left:0;}


/* Aside End*/

.upper-content-area{display: block; background: #fff; padding: 45px 0 20px 0;}
.engage-customers-seffhelp{display: block; padding: 0 0 20px 0;}
.engage-customers-seffhelp h2{ padding-bottom:20px;}
.engage-customers{ background:#d3ebf6; width:44%; padding:4% 3% 2% 3%; float:left; min-height:350px;}
.self-helf{background:#feefde; width:44%; padding:4% 3% 2% 3%; float:right; min-height:350px;}

ul.aboutlsit{ float:left; width:100%;}
ul.aboutlsit li{ float:left; width:100%; margin:0px; padding:40px 0px 60px; background:none; border-top:solid 1px #CCCCCC; }
ul.aboutlsit li img{width:20%; margin:25px 2% 0 2%}
ul.aboutlsit li .abtinfo{float:left; width:74%; margin:0px ; padding:20px 0px 15px 0px;  font-size:1.3em; line-height:24px; color:#454444; font-weight:300; font-family: 'Raleway', sans-serif;}
.pagecontent .table2{ width: 100%; margin: 20px 0px; border: solid 1px #0295c5;  }
.pagecontent .table2 td { padding: 2px 6px; font-size: 16px; color: #666; border: solid 1px #0295c5; font-weight: 400; }
.pagecontent .table2 td h3 {color: #fff; padding:0; margin:15px 0; font-weight: 300; }

.pagecontent table.author{ border: solid 1px #CCCCCC; width: 100%;}
.pagecontent table.author td{ padding: 2px 6px; font-size: 13px; font-weight: 400; }
.pagecontent table.author h3{ font-size: 1.5em;  padding:0; margin:15px 0; font-weight: 400; }
.download{padding: 5px 0 0;}
.white_fig{height: 442px; width: 290px; display: block; float: left;}
.blog_fig{ width:100%; float:left; height:150px; overflow:hidden}

.blog_fig img{width:100%; height:auto}
#respond h3, h3.heading{ font-size: 20px;font-weight: 400; padding-bottom: 0;}
#respond input[type="text"]{ width: 40%; padding: 7px; border: solid 1px #999; outline: none; font-size: 16px; }
#respond textarea{width: 70%; height: 120px; padding: 7px; border: solid 1px #999; outline: none; font-size: 16px;}
#respond #captcha_code{width: 40%;}
#respond p{ padding:5px 0 5px;}
.breadcrumbs .links{ width:75%; float:left;}
.social_media{ float:right; width:22%;}
p:empty{ display:none;}
.leftside .archiveList .btn{ margin-top:0;}
.navigation { float: left; display: block; padding: 0 0 25px; }
.navigation a:hover{ color:#000000;}

.breadcrumbs{float:left; width:94%; padding:2% 3%; font-size:16px; color:#1492d4;}
.breadcrumbs a{color:#666}
.breadcrumbs a:hover{color:#333}
.social_media{ float:right; width:auto;}
.social_media ul{ list-style:none; float:right;}
.social_media ul li{ float:left; padding:0 0 0 5px; vertical-align:top;}
.social_media .IN-widget{ line-height:inherit !important;}

.social_media .IN-widget > span{ font-size:inherit !important; }
.alignnone { margin: 5px 20px 20px 0;}
.aligncenter, img.aligncenter{display: block;  margin: 5px auto 5px auto;}
.alignright, img.alignright{float:right; margin: 5px 0 5px 20px;}
.alignleft, img.alignleft {float: left; margin: 5px 20px 5px 0;}
input[type="text"]:focus, textarea:focus {box-shadow: 0 0 2px 1px #bbb;  transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s; -moz-transition: all 0.25s ease-in 0s; -ms-transition: all 0.25s ease-in 0s; -o-transition: all 0.25s ease-in 0s;}
a.btn, input[type="submit"], input[type="button"]{padding:7px 21px; border:1px solid #000; font-size:18px; line-height:28px; color:#000; position:relative; display:inline-block; margin-top:5px;  transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s; -moz-transition: all 0.25s ease-in 0s; -ms-transition: all 0.25s ease-in 0s; -o-transition: all 0.25s ease-in 0s; cursor:pointer}
a.btn:hover, input[type="submit"]:hover, input[type="button"]:hover{background:rgba(0,137,204,0.7); border:1px solid #0089cf; color:#fff}
input[type="submit"], input[type="button"]{margin:0px 0px 0px -1px; padding:4px 50px; background:#FFFFFF;}
.footerlogo{float:left; width:20%; margin:15px 2% 0px;}
.footernav{float:left; width:74%; text-align:right;}
.footernav ul{width:auto; display:block; margin:0 auto}
.footernav ul li{font-size:1.3em; line-height:16px; padding:30px 10px 0px; display:inline-block;}
.footernav ul li a{color:#aaa}
.footernav ul li a:hover{color:#fff}
.footersocial{float:left; width:96%; padding:10px 2%; margin-bottom:10px; border-bottom:solid 1px #999999; font-size:1.3em; color:#999}
.footersocial span{ float:left; display:inline-block; line-height:30px}
.footersocial .lkin{float:left; margin-left:10px; background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/media-icon.png) no-repeat 0 0; width:27px; height:23px;}
.footersocial .lkin:hover{background-position:0 -25px;}
.footersocial .twt{float:left; margin-left:10px; background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/media-icon.png) no-repeat -32px 0; width:23px; height:23px;}
.footersocial .twt:hover{background-position:-32px -25px;}

.copyright{float:left; width:96%; padding:10px 2% 20px; font-size:1.3em; color:#aaa}
.copyright a{color:#aaa}
.copyright a:hover{color:#fff}
.search-panel .searchTxt{width:60%; padding:13px 10px 12px;}
.search-panel .btnSearch{padding:9px 15px !important; width:30%;}
aside .white-paper h3{color:#000;}
aside .white-paper ul li{background:none; padding:0 0 18px;}
aside .white-paper ul li{ zoom: 1 }
aside .white-paper ul li:after { font-size: 0; overflow: hidden; display: block; clear: both; content: "."; }
aside .white-paper ul li .round-th-img{width:95px; height:95px; padding:5px; margin:0 10px 10px 0; float:left; text-align:center; line-height:95px; border:1px solid #76bfe5; background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/wht-bg.jpg);border-radius:50%;}
aside .white-paper ul li .round-th-img img{max-width:100%; vertical-align:middle; background:#e9eeea; border-radius:50%;}
aside .white-paper ul li p a{text-decoration:none; padding:5px 0 0; display:block;}
aside .white-paper ul li a.btn-dwnld{float:left; font-size:15px; font-weight:300; color:#fff; padding:10px 15px; background:#0089d0; text-decoration:none; margin:10px 0 0;}

/*DSC style begins*/
.dsc_banner{ width:100%; position: relative; clear: both;}
#dsc_banner_slider img {width: 100%;}
.dsc_banner .bx-wrapper .bx-pager {text-align: center; font-size: 1em; font-family: Arial; font-weight: bold; color: #666; padding-top: 0; position: absolute; top: 20px; width: 120px; }
.dsc_banner .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; zoom: 1;}
.dsc_banner .bx-wrapper .bx-pager.bx-default-pager a { background: #bcbdbf;  text-indent: -9999px; display: block; width: 13px; height: 13px; margin: 0 4px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 7px; }
.dsc_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .dsc_banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #33a1d9;}

.dsc_banner .banner_content { position:absolute; z-index:999; top:443px; left:-2px; width:88%; margin:0 10%; }
.dsc_banner .banner_content .left { font-size: 50px; line-height:60px; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 300; text-align: right; padding-right:50px; background:url(/content/dam/iyogimainsite/iyogicom/bracket.png) right center no-repeat; background-size:contain; float:left; width:56%; }
.dsc_banner .banner_content .right { float: left; padding-top:6px; width: 35%; margin-left: 30px; }
.dsc_banner .banner_content .right p { font-size: 28px; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 300; text-align: left; line-height:34px; padding-bottom: 10px; display: block; float: left; }
.dsc_banner .banner_content .right span { font-size:18px; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 300; text-align: left; line-height:24px; padding-bottom: 10px; display: block; float: left; margin-top:10px }
.dsc_banner .banner_content .right a.btn { font-size:24px; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 300; text-align: center; line-height:1em; padding:12px 17px; float:left; background:#f58220; }


.dsc_tagline{ display:block; float:left; width:100%; font-size: 4.2em; color: #000000; font-family: 'Raleway', sans-serif; font-weight: 100; text-align: center; padding: 50px 0 }
.dsc_index .middle_section .inner_call_for_support h1{ padding-bottom: 25px;}
.vertical_tab{ display:block; width:100%; margin:0 auto; padding:60px 0 0 0; border-bottom:#d6d6d6 1px solid; float: left; position:relative}
.vertical_tab h3{ font-size:4.2em; color: #000000; font-family: 'Raleway', sans-serif; font-weight: 200; text-align: center; padding-bottom: 30px;}
.vertical_tab ul.tabs{ text-align:center; padding-bottom:30px; background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/line.png) center 35px no-repeat; }
.vertical_tab ul.tabs:after{ content:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/more-verticals.png); position:absolute; top:126px}
.vertical_tab ul.tabs li{ display:inline; padding:0 30px; position:relative; }
.vertical_tab ul.tabs li a{ font-Size: 24px; font-weight:300; text-align: left; color:#999999;}
.vertical_tab ul.tabs li:hover a, .vertical_tab ul li.active a{ color:#010101;}
.vertical_tab ul.tabs li img.vertical_arrow {position: absolute; left: 50%; margin-left:-5px; bottom: -18px; display:none;}
.vertical_tab ul.tabs li.active img.vertical_arrow{ display:block;}
.vertical_tab .content_section {width: 100%; margin: 0 auto;}
.vertical_tab .content_section .content_box{ width:90%; margin:0 5%; min-height:520px;}
.vertical_tab .content_section .content_box img{ width:auto; max-width:100%;}
.vertical_tab .content_section .content_box h2{ font-size:4.2em; line-height:50px; color: #000000; font-family: 'Raleway', sans-serif; font-weight: 100; text-align: left; padding-bottom:5px; margin-top:30px;}
.vertical_tab .content_section .content_box h4{ font-size: 24px; line-height:28px; color: #000000; font-family: 'Raleway', sans-serif; font-weight: 400; text-align: left; padding-bottom:10px;}
.vertical_tab .content_section .content_box ul{ width:50%; padding-bottom:20px;}
.vertical_tab .content_section .content_box ul li{ font-size:1.3em; line-height:32px; color: #000000; font-family: 'Raleway', sans-serif; font-weight: 400; text-align: left; padding-left:30px; background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/vertical_bullet.png) left 6px no-repeat;}
.vertical_tab .content_section .content_box p{ font-size:1.3em; line-height:24px; color: #000000; font-family: 'Raleway', sans-serif; font-weight: 400; text-align: left; width:33%;}
.vertical_tab .content_section .content_box.digital_home{ background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/vertical_digital_home.png) right center no-repeat; background-size:auto;}
.vertical_tab .content_section .content_box.automotive{ background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/vertical_automotive.png) right center no-repeat; background-size:auto;}
.vertical_tab .content_section .content_box.energy{ background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/vertical_energy.png) right center no-repeat; background-size:auto;}
.vertical_tab .content_section .content_box.health_monitoring{ background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/vertical_health.png) right center no-repeat; background-size:auto;}


.dsc_inner_banner{width:100%; position: relative; clear: both; height:300px; background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/inner_banner.jpg) no-repeat top center; background-size:cover!important}
.dsc_inner_banner .banner_content{ position:absolute; z-index:9; top:40px; left:0; width:80%; margin:0 10%;}
.dsc_inner_banner .banner_content .left{ font-size: 45px; line-height:52px; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 300; text-align: right; padding-right:50px; background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/bracket.png) right center no-repeat; background-size:contain; float:left; width: 53%; }
.dsc_inner_banner .banner_content .right{ float: left; width: 35%; margin-left: 30px;}
.dsc_inner_banner .banner_content .right span{ font-size: 28px; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 300; text-align: left; line-height:34px; padding:7px 0px 5px; display: block; float: left; }
.dsc_inner_banner .banner_content .right a.btn{ font-size: 24px; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 300; text-align: center; line-height:1em; padding:12px 40px; float:left; background:#f58220; margin-top:5px; }
.dsc_inner_banner .banner_content .right em{ font-size:18px; font-style:normal; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 300; text-align: left; line-height:24px; margin-top:10px; float:left}

.dsc_left_right{ width:100%; margin:0 auto;}
.dsc_lr_content{ width:100%; padding:60px 0; float:left;}
.dsc_lr_content h3{font-size: 42px; color: #000; font-family: 'Raleway', sans-serif; font-weight: 100; text-align: left; line-height:1.1em; padding:0 0 15px 0;}
.dsc_lr_content h5{font-size: 23px; color: #454444; font-family: 'Raleway', sans-serif; font-weight: 400; text-align: left; line-height:1.2em; padding:0 0 15px 0;}
.dsc_lr_content p{font-size: 15px; color: #454444; font-family: 'Raleway', sans-serif; font-weight: 400; text-align: left; line-height:20px; padding:0 0 20px 0;}
.dsc_lr_content.right .bind_data{ width:50%; margin:0 2%; float:right;}
.dsc_lr_content.left .bind_data{ width:50%; margin:0 2%; float:left;}
.smart_home { background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/smart_home.png) right center no-repeat;}
.lifestyle{background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/lifestyle.png) left center no-repeat;}
.enterprise{background:url(/content/dam/iyogimainsite/iyogicom/uploads/2014/06/enterprise.png) right center no-repeat;}
.dsc_lr_content.gray_bg{ background-color:#f3f3f3;}
.dsc_inner .lower_white_section{ padding-top:0; border-top:#FFF 1px solid;}
.dsc_inner_banner img{ width:100%;}
.dsc_innovation .one_col_details{ width: 45%;}
.dsc_innovation .service_cloud_row1{ border-top: 1px solid #c7c7c7;}
.dsc_innovation .service_cloud_row2 .company_history_section { padding: 3% 2% 4% 2%; width: 92%;}
.company_history_section.margin_right img{ margin-right:10%;}

.oem-telco-section{ display:block; width:100%; float:left; padding:60px 0; background:#f3f3f3;}
.oem-telco-section .left{ width:46%; float:left; display:block; text-align:right; padding:0 2%;}
.oem-telco-section .right{ width:50%; float:left; display:block;}
.oem-telco-section .right h3{ font-size: 24px; color: #000; font-family: 'Raleway', sans-serif; font-weight: 400; text-align: left; line-height:1.2em; padding:0 0 10px 0; }
.oem-telco-section .right p{font-size:1.3em; color: #000; font-family: 'Raleway', sans-serif; font-weight: 400; text-align: left; line-height:20px; padding:0 0 30px 0; }
.oem-telco-section .right p span{ margin:0px 0px 0px 0px; position:relative; top:-3px}
.enhance_section{ width:100%; float:left; display:block; text-align:center; background-color:#f3f3f3;}
.enhance_section .container{ width:96%; margin:0 auto;}
.enhance_section .full{ width:100%; padding:60px 0; float:left; display:block; border-bottom:#c7c7c7 1px solid;}
.enhance_section .left{ width:44%; padding:60px 3%; float:left; display:block;}
.enhance_section .right{ width:43.8%; padding:60px 3%; float:left; display:block; border-left:#c7c7c7 1px solid;}
.enhance_section h2{ font-size:36px; color: #000; font-family: 'Raleway', sans-serif; font-weight: 100; text-align:center; line-height:46px; padding:0 0 15px 0;}
.enhance_section p{font-size: 15px; color: #000; font-family: 'Raleway', sans-serif; font-weight: 400; text-align: center; line-height:24px; padding:0 0 20px 0;}
.enhance_section .left p{padding:0 40px 20px 40px}
.enhance_section .right p{padding:0 40px 20px 40px}
.horizontal_section{ float:left; width:100%; display:block; margin:0; padding:30px 0;}
.horizontal_section .row .left{ float:left; width:20%; padding-right:2%}
.horizontal_section .row .right{ float:left; width:75%;}
.horizontal_section .row h3{ font-size: 42px; color: #000; font-family: 'Raleway', sans-serif; font-weight: 100; text-align:left; line-height:1.1em; padding:0 0 15px 0;}
.horizontal_section .row p{ font-size: 15px; color: #000; font-family: 'Raleway', sans-serif; font-weight: 400; text-align: left; line-height:24px; padding:0 0 20px 0;}
.horizontal_section .row.border_b{ border-bottom:#c7c7c7 1px solid;}
#iyogi_home_slider li img{ max-width:150%; width:auto;}

.search-panel input.btn{ margin-bottom:10px; line-height: 1em; padding: 13px 15px 12px !important; font-size: 16px;}

/*DSC style ends*/

@media only screen and (max-width:1024px){

/* anshul Dsc Style begins*/
.dsc_inner_banner .banner_content .left { font-size: 36px; font-weight: 300; line-height: 42px; width: 53%;}
.dsc_inner_banner .banner_content .right { width: 33%;}
.dsc_inner_banner .banner_content .right span { font-size: 20px; font-weight: 400; line-height: 28px; padding: 7px 0 5px;}
.dsc_inner_banner .banner_content .right a.btn { font-size: 15px; font-weight: 400; margin-top: 5px; padding: 12px 20px;}
.dsc_inner_banner .banner_content .right em{ font-size: 16px; font-weight: 400; line-height: 20px; margin-top: 10px;}
.breadcrumbs { font-size: 14px !important;}
.oem-telco-section .left{ width:44%;}
.oem-telco-section .left img{ max-width: 100%; width: auto;}
.oem-telco-section .right { width: 52%;}
.oem-telco-section .right p{  padding: 0 0 20px;}
.vertical_tab h3 { color: #000000; font-family: 'Raleway',sans-serif; font-size: 3.6em;}
.vertical_tab ul.tabs:after{ display:none;}
.vertical_tab .content_section .content_box ul { width: 58%;}
.vertical_tab ul.tabs { background: url("/content/dam/iyogimainsite/iyogicom/uploads/2014/06/line.png") no-repeat scroll center 29px rgba(0, 0, 0, 0);  padding-bottom: 30px;}
.vertical_tab ul.tabs li { padding: 0 20px;}
.vertical_tab ul.tabs li a {font-size: 17px; font-weight:400;}
.vertical_tab .content_section .content_box h2 { font-size: 3.2em; font-weight: 100; line-height: 44px; margin-top: 20px; padding-bottom: 5px;}
.vertical_tab .content_section .content_box{ background-size:contain !important;  margin: 0 4%; min-height: 0; width: 92%; background-position:center !important;}
.vertical_tab .content_section .content_box ul li { background: url("/content/dam/iyogimainsite/iyogicom/uploads/2014/06/vertical_bullet.png") no-repeat scroll left 5px rgba(0, 0, 0, 0); font-size: 1.3em; font-weight: 400; line-height: 28px;}
.vertical_tab .content_section .content_box p { font-size: 1.3em; font-weight: 400; line-height: 22px; width: 58%; padding-bottom: 40px;}
.enhance_section .full{ padding:40px 0 20px;}
.enhance_section h2 { font-size: 30px; font-weight: 100; line-height: 36px; padding: 0 0 15px;}
.enhance_section p{ font-size: 13px; font-weight: 400; line-height: 22px; padding: 0 0 20px !important;}
.enhance_section .left, .enhance_section .right{ padding: 40px 3% 20px;}
.dsc_banner #b_popup4 { left: 32% !important; margin-left: -214px; top: 23% !important;}
.horizontal_section .row .left{ float: left; padding-right: 2%; width: 23%;}
.horizontal_section .row h3 { font-size: 28px; font-weight: 200; line-height: 1.2em; padding: 0 0 15px;}
.horizontal_section .row p { font-size: 13px; font-weight: 400; line-height: 22px; padding: 0 0 15px;}
.inner_call_for_support h1 { font-size: 4em; font-family: 'Raleway', sans-serif; font-weight: 100; color: #000000; padding-bottom:30px; line-height:48px; }
.dsc_tagline { font-size: 3.6em; font-weight: 100; padding: 30px 0; text-align: center; width: 100%;}
.banner_content{margin:0 5% !important; width:90% !important; top:37% !important;}	
.banner_content .left{width:43% !important; font-size:35px !important; line-height:45px !important;}
.banner_content .right{width:42% !important;}
.banner_content .right p{font-size:22px !important; line-height:30px !important; font-weight:400 !important;}
.banner_content .right a.btn{ font-size: 20px !important; padding: 10px 17px !important; font-weight:400 !important;}

}

@media only screen and (max-width:767px){
.breadcrumbs .links{ border:none !important; width:59% !important;}
.dsc_banner #b_popup4 { top: 14%; margin:0 5%;}
.dsc_inner_banner .banner_content .left { font-size: 22px; font-weight: 400; line-height: 30px; padding-right: 30px; width: 45%;}
.dsc_inner_banner .banner_content .right { width: 43%;  margin-left: 20px;}
.dsc_inner_banner .banner_content .right span { font-size: 16px; font-weight: 400; line-height: 22px; padding: 5px 0;}
.dsc_inner_banner .banner_content .right a.btn { font-size: 14px; padding: 10px 20px;}
.dsc_inner_banner .banner_content .right em { font-size: 15px;}
.vertical_tab h3 { font-size: 2.8em; font-weight:100;}
.oem-telco-section .right h3 {font-size: 22px;}
.vertical_tab .content_section .content_box h2{ font-size:28px;}
.vertical_tab .content_section .content_box h4{ font-size:22px; }
.enhance_section h2 { font-size: 28px;}
.horizontal_section{ padding:0;}
.logo{ padding-top:0;}
.dsc_tagline{font-size: 2.8em; padding: 20px 2%; font-weight:300; width:96%;}
.service_cloud_row2 .company_history_section .half{ width:96% !important;}

.banner_content{ top:46% !important;}	
.banner_content .left{width:45% !important; font-size:32px !important; line-height:40px !important; padding-right:40px !important;}
.banner_content .right p{font-size:22px !important; line-height:28px !important;}
.banner_content .right a.btn{ font-size: 18px !important; }

}

@media only screen and (max-width:640px){
.dsc_tagline { font-size: 2.8em; font-weight: 100; padding: 20px 0;}
.dsc_inner_banner .banner_content .left { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 22px; font-weight: 400; line-height: 30px; padding-right: 0; text-align: center; width: 100%;}
.dsc_inner_banner .banner_content .right { margin-left: 0; text-align: center; width: 100%;}
.dsc_inner_banner .banner_content{ top:20%;}
.dsc_inner_banner .banner_content .right span{ display:none;}
.dsc_inner_banner .banner_content .right em{ display:none;}
.dsc_inner_banner .banner_content .right a.btn { margin-top: 10px; float:none;}
.oem-telco-section .left { width: 96%; padding: 0 2%; text-align:center;}
.dsc_inner_banner .banner_content .left br{ display:none; }
.oem-telco-section .right { margin: 0 2%; width: 96%;}
.oem-telco-section{ padding:30px 0;}
.vertical_tab{ padding:30px 0;}
.logo{ padding-top:12px;}
.vertical_tab ul.tabs li { padding: 0 10px;}
.vertical_tab ul.tabs li a{ font-size:16px;}
.vertical_tab .content_section .content_box ul { width: 80%;}
.vertical_tab .content_section .content_box p { width: 70%;}
.dsc_banner #b_popup4{ top:5% !important; left:10% !important; }
#iyogi_home_slider li img { max-width: 200%; width: auto;}
.dsc_banner .bx-wrapper .bx-pager{ display:none;}
.horizontal_section .row h3 { font-weight:300; font-size: 20px;}
.dsc_banner .bx-pager{ display:none !important;}
.service_cloud_row2 .company_history_section .half{ width:96% !important;}
.dsc_annual { padding-top: 30px;}

.banner_content{ top:36% !important;}	
.banner_content .left{width:100% !important; font-size:22px !important; line-height:32px !important; padding-right:0 !important; text-align:center !important; background:none !important; }
.banner_content .left br{ display:none !important; background:none !important;}
.banner_content .right{ width:100% !important; margin-left:0 !important; text-align:center !important;}
.banner_content .right a.btn{ font-size: 16px !important; float:none !important; }
.banner_content .right p{ display:none !important;}
.banner_content .right span{ display:none !important;}

}

@media only screen and (max-width:480px){
.breadcrumbs .links { float: left; width: 100%;}
.social_media {float: left; margin-top: 15px; width: auto;}
.inside_middle_page .inner_call_for_support { margin: 0 4%; padding: 0 0 30px !important; width: 92%;}
.oem-telco-section .right h3 { font-size: 20px;}
.vertical_tab h3 { font-size: 2em; padding-bottom: 0;}
.vertical_tab .content_section .content_box h2 { font-size: 1.8em !important; line-height: 25px !important; font-weight:200; text-align: center;}
.vertical_tab .content_section .content_box{border-bottom: 1px solid #C7C7C7 !important;}
.vertical_tab .content_section .content_box:last-child{border-bottom: none !important;}
#iyogi_home_slider li > img { max-width: 300%; width: auto;}
.enhance_section h2 { font-size: 20px; font-weight: 300; line-height: 30px;}
.dsc_banner #b_popup4{  left:4% !important; }
.horizontal_section .row .left { float: left; padding-right: 2%; width: 30%;}
.horizontal_section .row h3 { font-size: 18px; font-weight: 300;}
.horizontal_section .row .right { float: left; width: 68%;}

.banner_content{ top:45% !important;}	
.banner_content .left{font-size:20px !important; line-height:30px !important;}

.vertical_tab ul.tabs{display:none;}
.vertical_tab h3{font-size:2.6em; padding-bottom:0;}
.vertical_tab .content_section .content_box h2{font-size:2.5em; line-height:35px; text-align:center;}
.vertical_tab .content_section .content_box h4{font-size:16px; line-height:20px; text-align:center;}
.vertical_tab .content_section .content_box ul{width:100%;}
.vertical_tab .content_section .content_box{display:block !important;}
.service_cloud_row2 .company_history_section .half{width:96%;}

}