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

@font-face { font-family: robotoregular; src: url(https://www.moneycontrol.com/commonfiles/font/roboto-regular-webfont.woff2?classic=true) format('woff2'), url(https://www.moneycontrol.com/commonfiles/font/roboto-regular-webfont.woff?classic=true) format('woff'), url(https://www.moneycontrol.com/commonfiles/font/roboto-regular.ttf?classic=true) format('trutype'), url(https://www.moneycontrol.com/commonfiles/font/roboto-regular.eot?classic=true) format('embedded-opentype'); font-weight: 400; font-style: normal }
@font-face { font-family: robotobold; src: url(https://www.moneycontrol.com/commonfiles/font/roboto-bold-webfont.woff2?classic=true) format('woff2'), url(https://www.moneycontrol.com/commonfiles/font/roboto-bold-webfont.woff?classic=true) format('woff'), url(https://www.moneycontrol.com/commonfiles/font/roboto-bold.ttf?classic=true) format('trutype'), url(https://www.moneycontrol.com/commonfiles/font/roboto-bold.eot?classic=true) format('embedded-opentype'); font-weight: 400; font-style: normal }
@font-face { font-family: robotolight; src: url(https://www.moneycontrol.com/commonfiles/font/roboto-light-webfont.woff2?classic=true) format('woff2'), url(https://www.moneycontrol.com/commonfiles/font/roboto-light-webfont.woff?classic=true) format('woff'), url(https://www.moneycontrol.com/commonfiles/font/roboto-light.ttf?classic=true) format('trutype'), url(https://www.moneycontrol.com/commonfiles/font/roboto-light.eot?classic=true) format('embedded-opentype'); font-weight: 400; font-style: normal }
@font-face { font-family: robotomedium; src: url(https://www.moneycontrol.com/commonfiles/font/roboto-medium-webfont.woff2?classic=true) format('woff2'), url(https://www.moneycontrol.com/commonfiles/font/roboto-medium-webfont.woff?classic=true) format('woff'), url(https://www.moneycontrol.com/commonfiles/font/roboto-medium.ttf?classic=true) format('trutype'), url(https://www.moneycontrol.com/commonfiles/font/roboto-medium.eot?classic=true) format('embedded-opentype'); font-weight: 400; font-style: normal }
@font-face { font-family: latobold; src: url(https://www.moneycontrol.com/commonfiles/font/lato-bold-webfont.woff2?classic=true) format('woff2'), url(https://www.moneycontrol.com/commonfiles/font/lato-bold-webfont.woff?classic=true) format('woff'), url(https://www.moneycontrol.com/commonfiles/font/lato-bold.ttf?classic=true) format('trutype'), url(https://www.moneycontrol.com/commonfiles/font/lato-bold.eot?classic=true) format('embedded-opentype'); font-weight: 400; font-style: normal }
@font-face { font-family: latoblack; src: url(https://www.moneycontrol.com/commonfiles/font/lato-black-webfont.woff2?classic=true) format('woff2'), url(https://www.moneycontrol.com/commonfiles/font/lato-black-webfont.woff?classic=true) format('woff'), url(https://www.moneycontrol.com/commonfiles/font/lato-black.ttf?classic=true) format('trutype'), url(https://www.moneycontrol.com/commonfiles/font/lato-black.eot?classic=true) format('embedded-opentype'); font-weight: 400; font-style: normal }
@font-face { font-family: latolight; src: url(https://www.moneycontrol.com/commonfiles/font/lato-light-webfont.woff2?classic=true) format('woff2'), url(https://www.moneycontrol.com/commonfiles/font/lato-light-webfont.woff?classic=true) format('woff')}


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

body { background:#e0e1e4 url(https://stat.moneycontrol.co.in/mcnews/ms/assets/images/brandconnect/backgroundglobe.png) center top no-repeat;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display:block }
.container { width:650px; margin:0 auto;}
.logo_cnt { background:#a3a6ab; width:250px; position:relative; margin:0 auto 60px; height:280px; border:1px solid #74767a; padding-top:40px; border-top:none; border-radius:0px 0px 50% 50%;}
.logo_cnt .circle { border:1px solid #fff; box-shadow:6px 6px 10px 0px rgba(0,0,0,0.5); width:205px; height:205px; border-radius:50%; background:#e7e8e9; margin:0 auto; text-align:center;}
.logo_cnt .circle img { margin-top:90px;}
.content_bx { position:relative; border:1px solid #bbbabc; background:#58b1ad; min-height:285px; margin-bottom:60px;}
.cntcrl_cnt { left:45px; top:50%; position:absolute; margin-top:-118px; width:236px; height:236px; background:#e0e1e4 ; border-radius:50%; padding:20px;}
.content_bx:before { position:absolute; width:60px; height:101%; content:""; left: 135px; background: #e0e1e4; margin-top: -1px;}
.cntmaincir { transition:all 0.1s; height:195px; position:relative; z-index:15; width:195px; text-align:center; margin:0 auto; border-radius:50%; background:#fff; box-shadow:4px 4px 8px 0px rgba(0,0,0,0.5); }
.cntmaincir figure { padding-top:55px;}
.cntmaincir.ourpart figure { padding-top:35px;}  
.cntmaincir.howwedo figure { padding-top:25px;}
.cntmaincir.whatwedo figure { padding-top:40px;}

.cntmaincir span { display:block; font:35px/35px 'latobold', arial; color:#0166a2; margin-top:5px;}
.cntmaincir span.green { color:#55a846;}
.content_bx article { width:370px; float:right; padding:30px 20px;}
.content_bx article p { font:17px/27px 'latoregular', arial; color:#fff; margin-bottom:20px;}
.content_bx article p.second { color:#30605e; margin:0px;}

.content_bx.alter { background:#64b6dd;}
.content_bx.alter article { float:left;}
.content_bx.alter:before { left:auto; right:135px;}
.content_bx.alter .cntcrl_cnt { left:auto; right:45px;}

.our_work { background:#fff; padding:45px 0;}
.our_work .container { width:740px;}

.comcir {width:200px; height:200px; border-radius:50%; text-align:center; box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3); margin:0 auto; background:#fff; border:1px solid #f3f1f2;}
.comcir svg { margin-top:50px;}
.comcir span { margin-top:15px; font:35px/35px 'latobold', arial; color:#0166a2; display:block;} 
.work_showcomp { margin-top:40px;}
.work_showcomp li  { overflow:hidden; width:140px; height:126px; border-radius:12px; background:#fff; padding:5px; text-align:center; box-shadow:2px 2px 6px 0 rgba(0,0,0,0.2); border:1px solid #b9bbbd; list-style:none; float:left; margin:0 22px;}
.work_showcomp li, .ourpartner_cnt li { transition:all 0.1s;}
.work_showcomp li:hover, .ourpartner_cnt li:hover { transform:scale(1.1)} 
.work_showcomp li:nth-child(2n) { margin-top:25px;} 
.ourpartner_cnt { position:relative;}
.ourpartner_cnt li { list-style:none; margin:0 25px 25px 0; float:left; background:#fff; border-radius:6px; text-align:center; padding:4px;}
.more_partner { position:absolute; bottom:0px; right:-20px; text-decoration:none;}
.more_partner span { display:inline-block; width:8px; height:8px; background:#fff; border-radius:50%;}
.ourpartner_cnt li:nth-last-child(-n+3) { margin-bottom:0px;}

footer { padding:50px 0;}
footer .container { width:740px;}
.connectcnt { margin-top:50px;}
.branchcontact { width:190px; float:left; margin-right:85px;}
.branchcontact h5 { border-bottom:2px solid #716c6d; padding-bottom:5px; color:#0065a2; text-transform:uppercase; margin-bottom:10px; font:15px 'latobold', arial; }
.branchcontact h6 { color:#54a746;  font:15px/15px 'robotomedium', arial; text-transform:uppercase; margin-bottom:10px;}
.branchcontact p { margin-bottom:10px; font:12px/12px 'robotomedium', arial; color:#231f20; }
.branchcontact p a { color:#231f20; text-decoration:none;}
.branchcontact.last { margin:0px;}


/* dot connect start from here */
.dotconnet1 { z-index:9; overflow:visible !important; width:1px; border-left:1px dashed #838283; position:absolute; left:50%; top:280px; height:30px;}
.dotconnet2 { position:absolute; right:0px; bottom:0px; width:160px; border-bottom:1px dashed #838283;}
.dotconnet3 { position:absolute; top:0px; left:0px; height:350px; border-right:1px dashed #838283;}
.dotconnet4 { position:absolute; left:0px; bottom:0px; border-top:1px dashed #838283; width:316px;}
.dotconnet5 {position:absolute; top:0px; right:0px; height:410px; border-left:1px dashed #838283;}
.dotconnet6 {position:absolute; right:0px; bottom:0px; border-top:1px dashed #838283; width:315px;}
.dotconnet7 { position:absolute; top:0px; left:0px; height:0px; height:465px; border-right:1px dashed #838283;}
.dotconnet8 {position:absolute; left:0px; bottom:0px; border-top:1px dashed #838283; width:316px;}
.dotconnet9 {position:absolute; top:0px; right:0px; height:250px; border-left:1px dashed #838283;}

.dot_cnt div:after { content: "";  position: absolute; width: 7px;height: 7px; background:#838283; border-radius: 50%;    bottom: -3px;margin-left: -5px;}
.dot_cnt div.dotconnet2:after {bottom: -4px; margin-left: -3px;}
.dot_cnt div.dotconnet3:after  {bottom: -4px; margin-left: -3px;}
.dot_cnt div.dotconnet4:after {bottom: -4px; margin-right:-3px; right:0px;}
.dot_cnt div.dotconnet6:after  {bottom: -4px; margin-left: -3px;}
.dot_cnt div.dotconnet7:after  {bottom: -3px; margin-left: -3px;}
.dot_cnt div.dotconnet8:after {right: -3px;}

@media all and (max-width:767px){
.logo_cnt { width:140px; height:150px; padding-top:24px; margin:0 auto 102px;}
.logo_cnt .circle { width:110px; height:110px;}
.logo_cnt .circle img { max-width:85%; height:auto; margin-top:48px;}
.content_bx { margin-bottom:97px; padding-top:70px; z-index:20;}
.cntmaincir { box-shadow:5px 5px 6px 0px rgba(0,0,0,0.4); width:110px; height:110px;}
.cntcrl_cnt { width:136px; height:126px; left:50%; right:auto; padding:0 10px 10px 10px; top:0px; margin:-65px 0 0 -68px;}
.content_bx.alter .cntcrl_cnt { right:auto; left:50%;}
.cntmaincir figure { padding-top:28px;}
.cntmaincir.ourpart figure { padding-top:15px;}  
.cntmaincir.howwedo figure { padding-top:10px;}
.cntmaincir.howwedo figure svg { width:56%; height:auto;}
.cntmaincir.whatwedo figure { padding-top:20px;}

.more_partner { display:none;}
.container, footer .container, .our_work .container { width:auto; margin:0 10px;}	
.branchcontact { width:auto; margin:0 0 30px 0; float:none;}
.work_showcomp li { margin:3%; height:auto; width:44%;}
.work_showcomp li img { width:100%; height:auto;}
.work_showcomp li:nth-child(2n) {}	
.work_showcomp li img { width:100%; height:auto;}  
.content_bx:before { display:none;}
.our_work, footer { padding:20px 0;}
.comcir { width:120px; height:120px;}
.comcir svg {margin-top:15px; }
.comcir span { font:18px/18px 'latobold', arial;}
.content_bx article p { font:14px/22px 'latoregular', arial; margin-bottom:15px;}
.content_bx article { width:100%; padding:15px;}
.cntmaincir span { font:18px/18px 'latobold', arial}

.dot_cnt div:after  { visibility:hidden;}

.dotconnet1 {height:1300px; top:155px; left:50%;}
.dotconnet2 {width:0px; display:none;}


.ourpartner_cnt li { width:27%;}
.ourpartner_cnt li img { width:100%; height:auto;}
.ourpartner_cnt li:nth-child(3n+3) { margin-right:0px;}
.cntcrl_cnt:before, .content_bx:after, .dotconnet1:before {    content: ""; position: absolute; top:-7px;width: 7px;    height: 7px;    background: #838283; border-radius: 50%; left:50%; margin-left:-3px;}
.content_bx:after { top:auto; bottom:-7px;}
 .dotconnet1:before { margin-left:-4px;}
.content_bx:last-child:after { display:none;}
}
.branchcontact p a:hover { text-decoration:underline;}
.branchcontact p a.tel:hover { text-decoration:none;}