/*Inner page Styles*/


.innerpage_container{background-color:#fff; overflow:hidden; float:left; width:100%;}
    
a img{border:none;}
.innerpage{width:1024px;}
.ip_breadcrumb_block{margin-top:10px; background:none !important; font:bold 14px arial; padding:20px 0 20px !important; width:100% !important; z-index:3 !important;}
.breadcrumb_links{width:75%; float:left; color:#fff; margin-top:10px;}
.breadcrumb_links a{color:#fff;}
.breadcrumb_links span{color:#fff; margin:0 6px;}
.breadcrumb_links span span:nth-of-type(1){display: inline-block;}
.breadcrumb_links span span:nth-of-type(1) a{background:url(/_layouts/15/IMAGES/OFMWebsite/img/homeIc.png) 0 0 no-repeat; background-size:100% auto; display:block; height:13px; text-indent:-1000px; width:14px;}
.breadcrumb_links a.brdHmIc{margin-left:10px;}
.breadcrumb_links a.brdHmIc img{border:0;}
.breadcrumb_links a.brdHmIc:hover{ text-decoration:none}


.page_title_block{background-color:#4B006B; padding:30px 1%; color:#fff; float:left; width:98%;}
.page_title_block span{float:right;}
.page_title_block h3{font:normal 36px arial, verdana; width:80%;float:left;color:#fff}

.hero_space_block{background:url(/_layouts/15/IMAGES/OFMWebsite/T1Images/gryLineBg.jpg) left top!important; padding-top:50px!important; margin-top:0px !important; padding-bottom:50px!important;padding-left:3.4%; padding-right:3.4%;}

/*commented style for removing dots from purpul colour
.request_pricing_proposal {
    background: url(/_layouts/15/IMAGES/OFMWebsite/T1Images/request_quote_dot_bg.png) left top no-repeat #59287c;
    text-align: center;
    color: #fff;
    margin-bottom: 12px;
    padding: 80px 0 80px;
    height: 62px;
    cursor: pointer
}*/


.request_pricing_proposal {
    background-color: #64008F;
    text-align: center;
    color: #fff;
    margin-bottom: 12px;
    padding: 80px 0 80px;
    height: 62px;
    cursor: pointer
}
.request_pricing_proposal h4 {color: #fff;font: normal 36px arial;}
.request_pricing_proposal a:hover{ text-decoration:none !important}
.btn_styl1{font:bold 16px arial, verdana; text-align:center; padding:10px 12px; background-color:#57c0e9; color:#fff !important; text-transform:uppercase;  display:inline-block; position:relative;}
.btn_styl1:hover{color:#fff !important; text-decoration:underline !important}
.btn_rp{background:url(/_layouts/15/IMAGES/OFMWebsite/T1Images/rp_smallbtn_bg.png) left bottom no-repeat; bottom:0px; font:bold 16px arial, verdana; color:#fff; display:inline-block; width:322px; height:45px; line-height:45px; text-align:center; cursor:pointer; position: absolute; z-index: 6; right:25px; margin-top:-20px;}

.hero_image{width:50%; float:right; position:relative; padding-bottom:30px;}
.hero_image img{width:100%;}
.banner_caption{background: url(/_layouts/15/IMAGES/OFMWebsite/img/menuSubBg.png) repeat; text-align:center; font-size:14px; font-style:italic; color:#4c4d4f; position:relative; z-index:5; margin-top:-55px; padding: 10px 15px 35px 15px; width:88%; margin-left:15px;}
.hero_cnt1, .hero_cnt2{float:left; width:45%; margin-right:5%; font-size:16px; color:#333333}
.hero_cnt1 h4{color:#5a2a82; font:normal 30px arial, verdana;}
.hero_cnt1 h5{color:#5a2a82; font:normal 23px arial, verdana;}
.hero_cnt2 ul, .hero_cnt1 p{margin-bottom:25px; line-height:25px;} 
.hero_cnt2{ float:left; height:auto !important;}
.hero_cnt2 ul{margin:0px; list-style:none; font-size:16px;}
.hero_cnt2 ul li{ padding-left:15px; background:url(/_layouts/15/IMAGES/OFMWebsite/img/bulletContent.jpg) no-repeat 0px 10px; margin-bottom:8px;}
/*.hero_cnt2 ul li:before {content: "• "; color:#57c0e9;}*/
.hero_cnt1 h5{margin-bottom:18px;}
.head_small{font:bold 16px arial, verdana; margin-bottom:10px;}
.margintop_75{margin-top:75px; background-color: #2d66ff !important;}
.margintop_40{margin-top:40px;}
.rp_block{width:93.4%; margin:20px 0px; padding:50px 2% !important}
.innerpage_dwArr{background:url(/_layouts/15/IMAGES/OFMWebsite/T1Images/sectionDown.png) no-repeat top center; width:100%; clear:both; padding:20px 0; position:relative; z-index:3; float:left;}
.tabbing_accordian_block{padding: 0% 3.3% 3.3% 3.3%;  width: 93.4%; margin-bottom:35px; margin-top:0px !important}
.tab_heading{color:#64008F; font:normal 36px arial, verdana; padding-bottom:25px;}
.cont_list div{float:left!important; width:31.93% !important; margin-right:1.4%; clear:none!important; margin-bottom:20px;}
.cont_list div img{width:100%;}
.cont_list div:last-child{margin-right:0px!important; margin-bottom:50px;}
.cont_list .cont_row { height:242px;}


.accr_menu .grayBox{ background:url("/_layouts/15/IMAGES/OFMWebsite/T1Images/gryLineBg.jpg") repeat scroll left top rgba(0, 0, 0, 0) !important; float:left; width:96%; min-height:100px; padding:2%; display:block !important}
.accr_menu .grayBox .colm{width:50%; float:left; clear:none; display:block}
.accr_menu .grayBox .colm img{width:100%}

.accr_menu .colm1{float:left !important; width:75% ; clear:none !important}
.accr_menu .colm2{float:left !important; width:25% ; clear:none !important; padding-top:16px;}

.colm4row{width:100%; float:left; clear:both;}
.colm4row .threeColmsPrnt{width:75%; float:left; clear:none}
.colm4row .threeColmsPrnt .parts{float:left; width:31%;}
.colm4row .colm, .colm4row .lastColm{width:23%; float:left; padding-right:2%; clear:none}
.colm4row .colm ul{margin:20px 0; width:100%;}
.colm4row .colm ul li{clear:both; width:100%; background:none; font:normal 14px arial; color:#333; text-align:left; padding:10px 0; list-style:none}
.colm4row .colm ul li a{color:#333 !important}
.colm4row .colm h6{color:#57c0e9; font:bold 14px arial}
.colm4row .colm p{color:#333; font:normal 14px/20px arial; margin:10px 0}
.colm4row .lastColm .grybox{ width:90%; min-height:100px; background:#f1f1f2; padding:0 5% 5%}
.colm4row .lastColm .grybox > p { font-size:12px; }
.titleRow .colm2 a.smallBtn{width:74%; text-align:center; height:48px !important; line-height:48px; padding:0 26px !important; text-decoration:none; margin-right:0px}
.caseStudyBox{float:left !important; width:31% !important; padding:0 1% !important; height:300px; clear:none !important; margin-bottom:20px;}
.caseStudyBox img{width:100%;}
.caseStudyBox h5{margin-bottom:5px; color:#5f307a; font-size:22px;}
.caseStudyBox h5 a{ color:#64008F; font-size:22px; font-weight:normal;}
.caseStudyBox p{color:#333 !important; max-height:64px; overflow:hidden; font-size:13px;}
.caseStudyBox:nth-child(3n+1) { clear:both}

.creativeBox{float:left !important; width:31% !important; padding:0 1% !important; height:190px; clear:none !important; margin-bottom:20px;}
.creativeBox img{width:100%;}
.creativeBox h5{margin-bottom:5px; color:#5f307a; font-size:22px;}
.creativeBox h5 a{ color:#5f307a; font-size:22px; font-weight:normal;}
.creativeBox p{color:#333 !important; max-height:64px; overflow:hidden; font-size:13px;}
.creativeBox:nth-child(3n+1) { clear:both}


.colm4row .threeColmsPrnt .colm ul li a{width:100%; background:none; font:normal 14px arial; color:#333}
.threeColmsPrnt a{width:100%; display:block}
.InmainTitle{float:left; width:50%;}
.InmainTitle h1{color:#5a2a82; font:normal 30px arial; text-align:left; margin:0px 0 20px; padding:0;}
.InmainTitle h2{color:#5a2a82; font:normal 23px arial; text-align:left; margin:0px 0 12px}

.grybox .dwArr{padding:10px 0; height:auto;}
.grybox .dwArr .arr{top:3px}
.grybox .dwArr .shdw{height:10px;}
.grybox h3{}
.dwnBtnRow{float:left; width:100%; clear:both; padding-top:40px;}
.dwnBtnRow .smallBtn{ margin-left:0px;}

.creative-exaple .titleRow{margin:0 !important;}
.creative-exaple .colm1{width:65% !important;}
.creative-exaple .colm2{width:35% !important;}
.creative-exaple h5 {color:#333;}

/*product spec tabs Begins*/
.product-spec{clear:both;}
.product-spec h5{color:#666 !important; margin:10px 0 !important;}
.product-spec ul{padding:12px 0; border-top:1px solid #ccc; display:table;}
.product-spec ul li{border-right:1px solid #ccc; float:left; padding:10px 25px; list-style:none; width:189px; height:36px;}
.product-spec ul li:last-child{border:0;}
.product-spec a{color:#57c0e9 !important; font:bold 14px arial;}
/*product spec Ends*/

/*More Markets Begins*/
.breadcrumb_section{/*width:30%;*/ float:right; text-align:right;position:relative;z-index:10;}
.breadcrumb_section > span{padding: 10px 30px 10px 0px; color:#fff; background:url(/_layouts/15/IMAGES/OFMWebsite/T1Images/small_arrow.png) 95% 42% no-repeat; color:#fff; cursor:pointer; text-transform:uppercase; margin-right:12px; display:inline-block;
width:210px; /*text-align:center;*/ }
.breadcrumb_section > span.active {	
	background: url('/_layouts/15/images/OFMWebsite/img/arrDwn.png') no-repeat scroll 95% 50% #d1d2d4;
	color: #64008f;
}
.breadcrumb_section ul {
	position: absolute;
	right:12px;
	top:37px;
	background: #d1d2d4;
	width:240px;
	display: none;
    height:185px;
    overflow-y:auto;
}
.breadcrumb_section ul li {
	background: url('/_layouts/15/images/OFMWebsite/img/arrVlt.png') no-repeat scroll 15px 15px;
	border-bottom: 1px solid #ddd;
	height: 36px;
	line-height: 36px;
	padding: 0;
	text-indent: 33px;
	width: 100%;
	list-style: none;
}
.breadcrumb_section ul li:last-child {
	border: 0;
}
.breadcrumb_section ul li a {
	font-weight: normal;
	line-height: 36px;
	display: block;
	color: #666;
	text-align: left;
	background: none;
	padding: 0;
}
.breadcrumb_section ul li a:hover{ background:url("/_layouts/15/IMAGES/OFMWebsite/img/arrWht.png") no-repeat scroll 15px 15px #2D66FF; color:#fff;    text-decoration: none !important;  }
/*More Markets Ends*/

/*.accr_menu ul, .accr_menu .sld_cont, .accr_menu ul li{border:0px !important;}*/

/* Leadership Thumbnail Styles*/
.accr_menu .lsThumblock{margin:0 0 0 5px;}
.accr_menu .lsThumblock h3{ margin-left:10px; clear:both;}
.accr_menu .caseStudyBox {margin-bottom:20px;}
.accr_menu .caseStudyBox h5{margin:5px 0px;}
.accr_menu .caseStudyBox a{display:block;}
.accr_menu .caseStudyBox h5 a {color: #64008F; font-size: 22px; }
.accr_menu .caseStudyBox p {margin-bottom:0px;line-height:normal;}

.accr_menu .creativeBox {margin-bottom:20px;}
.accr_menu .creativeBox h5{margin:5px 0px;}
.accr_menu .creativeBox a{display:block;}
.accr_menu .creativeBox h5 a {color: #5f307a; font-size: 22px; }
.accr_menu .creativeBox p {margin-bottom:0px;line-height:normal;}

.accr_menu .hrLine{background:#000;height: 2px; margin: 10px 0 25px 0; width: 100%;}

@media (max-width:940px){
    .breadcrumb_links{width:67%;}
	.btn_rp{left:0; bottom:-11px; background-size:100% auto; width:100%;  }
	.banner_caption{font-size:11px; margin-left:2%; padding:10px 15px 40px; text-align:left; width:88%;}
	.hero_space_block{ background:none !important; padding-top:35px !important}
    .ip_breadcrumb_block{background:#64008F !important; padding:20px 0 20px 0 !important; margin-top:0px !important; }
	.caseStudyBox{width:48% !important; height:300px;}
    .caseStudyBox:nth-child(2n+1) { clear:both}
    .caseStudyBox:nth-child(3n+1) { clear:none !important}
    .creativeBox{width:48% !important; height:190px;}
    .creativeBox:nth-child(2n+1) { clear:both}
    .creativeBox:nth-child(3n+1) { clear:none !important}
	.colm4row .threeColmsPrnt{width:100%}
	.colm4row .threeColmsPrnt .colm{width:48%;}
	.colm4row .lastColm{width:48%}
	.colm4row .threeColmsPrnt .colm:nth-child(3){display:none}
	.colm1{width:65%;}
	.colm2{width:35%;}
	
	.dwnBtnRow{padding-top:20px;}
	.rp_block{padding:0 1% !important; margin:0px 0px 30px 0px !important}

	.page_title_block{ background-color:#4B006B; padding:30px 1% 18px !important; width:98% !important;}
	.page_title_block span{margin-top:7px;}
    .InmainTitle h1 {font-size:30px !important; margin:0 0 10px;}
	
    .tabbing_accordian_block {margin-top:0px !important;}

    .cont_list div { width:48.6% !important;   }
    .cont_list > div:nth-child(3n) { clear: both !important; }

    /*product spec tabs Begins*/
	.product-spec ul li{padding:1% 4% !important; width:41%; margin:8px 0 0; }
    .product-spec ul li:nth-child(2) { border-left:1px solid #ccc !important; }
	.product-spec ul li:nth-child(2), .product-spec ul li:first-child{border:0;}
	/*product spec tabs Ends*/

    .btn_rp{background-size:100%; width:100% !important; font-size:14px !important}
    .cont_list > div:nth-child(3n) { clear: both !important; }
    .accr_menu .lsThumblock{margin:0 0 0 0px!important;}
}
@media (max-width:550px){
    .btn_rp{ width:98% !important;  bottom: -10px; }

	.breadcrumb_section, .icon_print, .banner_caption{display:none}

	.page_title_block{padding:30px 10px 18px; background:#3a274a; position:relative; top:30px;}
	
	.hero_image{float:left; width:106.8%; margin-left:-3.4%}
	
	.hero_cnt2 ul{padding:0 0 10px;}
	.tabbing_accordian_block .tab_heading{display:none}
	.page_title_block h3{width:77%;}
	.accr_menu .grayBox{ background:none !important}
	.accr_menu .grayBox .colm{width:100%; margin-bottom:20px;}
	
	.InmainTitle, .hero_cnt1, .breadcrumb_links, .cont_list div, .colm4row .threeColmsPrnt .colm, .colm4row .lastColm, .titleRow .colm1{width:100% !important;}
	.caseStudyBox{width:98% !important; height:300px}
    .creativeBox{width:98% !important; height:190px;}
	.hero_space_block{ padding-top:35px; padding-bottom:35px !important}
    .hero_space_block .dwnBtnRow .smallBtn{padding-left:0px !important; padding-right:0px !important; width:98%;}
	.InmainTitle h1{margin-bottom:8px !important; padding:0;}
	
    
    .hero_cnt1, .hero_cnt2{ width:96% !important; height:auto !important; padding:20px 2% 10px;}
	.hero_cnt2 ul, .hero_cnt1 p{margin-bottom:0px;}
	 
	.dwnBtnRow{padding:10px 0; text-align:center}
	.dwArr img{height:7px;}
    .dwArr a{display:none}

    .rp_block{margin-left:-1% !important; width:102% !important}
	.request_pricing_proposal{padding:65px 4px 60px !important;}
	.request_pricing_proposal h4{font-size:26px; width:70%; text-align:center}
    .request_pricing_proposal a:hover{ text-decoration:none !important}
	.request_pricing_proposal .margintop_75{margin-top:44px !important}

    .colm1{width:100% !important;}
	.colm2{width:100% !important;}
   
    /*product spec tabs Begins*/
	.product-spec ul li{width:100%; height:auto; padding:16px 0; border-right:0; border-bottom:1px solid #ccc;}
    .product-spec ul li:first-child, .product-spec ul li:nth-child(2) {    border-left:0 !important; border-bottom:1px solid #ccc !important;    }
	.product-spec ul li:first-child{padding-top:4px;}
	/*product spec tabs Ends*/
}