.bloobpr .title{font-family: 'GothamBold'; margin:0; position:relative; color:#434343;}
.bloobpr .title:before{content:""; position:absolute;}
.bloobpr h1.title{font-size:60px;}
.bloobpr html{height:100%;}
.bloobpr body{height:100%;font-size:16px;font-family: 'GothamMedium';}
.bloobpr ul{margin:0; padding:0;}
.bloobpr li{list-style:none;}

.bloobpr .mainimg{width:100%; }
.bloobpr .mainimg img{width:100%; }
.bloobpr section.event{width:100%;  ; background-size:cover; position:relative; float:left; margin-top:-750px;} 
.bloobpr .event_in{float:left; width:100%;background-color:rgba(218, 218, 218, 0.11);padding-top:170px;}
.bloobpr section.event:before{ position:absolute; height:400px; background-color:#f2e500;content:""; top:350px; left:100px; right:0;} 

.bloobpr section.event h1{color:#434343; font-size:60px; margin-top:30px; margin-bottom:0;}
.bloobpr h1:before{content:""; position:absolute; border-bottom:10px solid #3363ff; left:-70px; right:230px; bottom:-80px;}
#contact  h1:before{display:none;}
.bloobpr .intro_section{float:left; width:100%;}
.bloobpr .Heading_sec, .bloobpr .text_sec, .Details_sec{float:left; width:100%;}
.bloobpr .text_sec{padding:104px 20px 0 20px; }
.bloobpr .text_sec p{font-size:20px; color:#434343; font-family: 'GothamBook'; line-height:30px; }
.bloobpr .Details_sec{padding-top:10px;}
.bloobpr .in_topn {float:left; width:100%; padding-top:106px;}
.bloobpr .in_Bottom{padding-top:17px; float:left; width:100%;}
.bloobpr .innermain{float:left; width:100%;}
.bloobpr .i_left, .bloobpr .i_Rignt{float:left; width:50%;}
.bloobpr .Details_sec p{margin-top:25px; color:#838383; font-size:20px; font-family: 'GothamBook'; width:50%;}
.bloobpr .Details_sec h2:Before{border-bottom:5px solid #3363ff; bottom:-10px; left:0; right:130px;}
.bloobpr .image_section{float:Left; width:100%; overflow:hidden; border-radius:58px;}
.bloobpr .image_section img{float:Left; max-width:100%;}
.bloobpr .logo_section{float:left; min-height:950px;}
.bloobpr .logo_section img{max-height:100%; max-width:100%; width:auto; height: auto; position: absolute; top:-160px;bottom:0; left:0; right:0; margin:auto;}

/* icons */
.bloobpr section.icons_main{width:100%; }
.bloobpr section.icons_main .iconsinner{float:left; width:100%;}
.bloobpr .heading_bar{float:left; width:100%;}
.bloobpr .heading_bar h1.title{float:right; }
.bloobpr .heading_bar h1.title:before{left: 75px;right: -74px;  bottom:-30px;}
.bloobpr ul.Icon_bar{float:left; width:100%; margin-top:70px; margin-left:-15px; margin-right:-15px;}
.bloobpr ul.Icon_bar li{ float:left; width:10%; padding:15px; text-align:center;}

.bloobpr section.Typography{padding-top:185px; display:inline-block; width:100%;}
.bloobpr section.Typography .title{float:left; }
.bloobpr section.Typography .title:before{right:240px; bottom:-40px;}
.bloobpr section.Typography h2{float:left; width:100%; margin-top:90px; font-family: 'GothamBook'; }
.bloobpr section.Typography h2 span{  font-family: 'GothamMedium';}
.bloobpr ul.c-alfa-m{float:left; width:100%; margin-top:20px; position:relative;}
.bloobpr ul.c-alfa-m:before{position:absolute; content:"";border-left:1px dashed #3463ff; top:0; bottom:0; right:50%;}
.bloobpr ul.c-alfa-m:after{position:absolute; content:"";border-bottom:1px dashed #3463ff; left:0; right:0; top:50%; bottom:42%;}
.bloobpr ul.c-alfa-m li{display:inline-block; width:530px; padding-left:85px; padding-top:px;}
.bloobpr li.left{ padding-top:85px;}
.bloobpr li.Right{}
.bloobpr ul.c-alfa-m li img{float:left;}



.bloobpr section.color{width:100%;display:inline-block; padding-top:200px;} 
.bloobpr section.color .title{float:right;} 
.bloobpr section.color .title:before{right:-77px; left:103px; bottom:-30px;} 
.bloobpr .contentbr{float:left; width:100%; padding-top:140px;}
.bloobpr .top_sec, .bloobpr .Bottom_sec{float:left; width:100%;}
.bloobpr .Bottom_sec{margin-top:65px;}
.bloobpr .contentbr .image_sec{float:left; width:230px;} 
.bloobpr .contentbr .image_sec img{float:left; } 
.bloobpr .contentbr .Cont_section{float:left;  }
.bloobpr .contentbr .Cont_section p.one{float:left; margin-left:60px; width:87px; margin-bottom:0;  font-family: 'GothamBook'; font-size:22px; color:#333333; margin-top:50px;}
.bloobpr .contentbr .Cont_section p.one:first-child{margin-left:0;}




/* app design  */
.bloobpr section.Appdesign{width:100%; display:inline-block; overflow:hidden;}
.bloobpr section.Appdesign .appheading{width:100%; float:left; text-transform:uppercase; padding-top:225px;}
.bloobpr section.Appdesign h1.title{ float:left; }
.bloobpr section.Appdesign h1.title:before{right: 255px;
    bottom: -40px;}

.bloobpr section.Appdesign .appcont{width:100%; float:left;  padding-top:100px;}
.bloobpr img.two{padding-top:470px;}
.bloobpr .background_two{float:left; width:100%;}
.bloobpr .Appdesign .appbanner{float:left; width:100%; position:relative; margin-top:120px;}
.bloobpr .Appdesign .appbanner:Before{content:""; position:absolute; background-color:#f2e500; top:0; bottom:104px; left:-140px; right:-140px;transform: rotate(12deg);}
.bloobpr .Appdesign .appbanner img{float:left; width:100%; position:relative;}

.bloobpr .Scond_banner{width:100%; float:left; margin-top:70px;}
.bloobpr .Scond_banner .banner_two{width:100%; float:left; position:relative; margin-top:35px;padding-top:20px;}
.bloobpr .Scond_banner .banner_two:before{position:absolute; background-color:#3563ff; content:""; top:-45px; bottom:-70px; left:-140px; right:-140px;transform:rotate(-11.3deg);
 background-image:url(../portfolio/Bloob/images/bg3.png); background-repeat:no-repeat; background-position:center; background-size:100%;} 
.bloobpr .imimg{float:left; width:100%;}
.bloobpr .imimg img{float:left; width:100%;}
.bloobpr .pimg{padding:68px; margin-top:50px;}
.bloobpr .banner_three{float:left; width:100%; position:relative; margin-top:265px; z-index:9;}
.bloobpr .banner_three:before{content:""; position:absolute; background-color:#f2e500; top:-50px; bottom:440px; left:-140px; right:-140px;transform: rotate(12deg);}
.bloobpr .text_sec p{font-size:20px; color:#434343; font-family: 'GothamBook'; line-height:30px; }
.bloobpr .Details_sec{padding-top:35px;}
.bloobpr .in_topn {float:left; width:100%; padding-top:73px;}
.bloobpr .in_Bottom{padding-top:50px; float:left;}
.bloobpr .i_left, .bloobpr .i_Rignt{float:left; width:50%;}
.bloobpr .Details_sec p{margin-top:35px; color:#838383; font-size:20px; font-family: 'GothamBook'; width:50%; margin-bottom:0;}
.bloobpr .Details_sec h2:Before{border-bottom:5px solid #3363ff; bottom:-10px; left:0; right:130px;}
.bloobpr .banner_three .pimg{margin-top:0; padding:0;}

.bloobpr .banner_three .imimg{margin-top:80px;} 
.bloobpr .mimg{ padding-top:220px;}


/* banner4 */

.bloobpr .banner_four{float:left; width:100%; position:relative; margin-top:-115px;} 
.bloobpr .banner_four:before{content:""; position:absolute; background-color:#3563ff; top:-75px; bottom:-50px; left:-140px; right:-140px;transform: rotate(-12deg);}
.bloobpr .banner_image{float:left; width:100%; margin-top:310px;}
.bloobpr .banner_image img{float:left; width:100%; }


/* footer */

.bloobpr .footer_inner{width:100%; text-align:center; margin-top:120px; float:left;margin-bottom:120px;}





/* mediaquary */
@media (max-width:1310px){
.bloobpr .heading_bar h1.title:before, .bloobpr section.color .title:before{left:0; right:0;}
.bloobpr section.event:before{left:0;}
}
@media (max-width:1199px){
.bloobpr ul.c-alfa-m{text-align:center;}	
.bloobpr ul.c-alfa-m li{padding:0; padding:30px 0;}	

.bloobpr ul.c-alfa-m:before{border-left:0; border-right:1px dashed #3463ff; right:0;}
.bloobpr ul.c-alfa-m:after{border-left: 1px dashed #3463ff;top:0; bottom:0; border-bottom:none; }
.bloobpr .appcont img{float:left; width:100%;}
.bloobpr h1.title{font-size:50px!important;}
.bloobpr img.two{padding-top:320px;}
}

@media (max-width:1024px){
.bloobpr section{float:left; width:100%; }	
.bloobpr section.event:before{left:0;}
.bloobpr section.icons_main{padding-top:200px;}
.bloobpr section.event:before{height:500px;}
.bloobpr .Details_sec h2:Before{left:0; right:25px;}
.bloobpr .heading_bar{text-align:center; width:100%;}
.bloobpr h1.title{text-align:left; width:100%; font-size:50px:}
.bloobpr h1.title:before{left:0 !important; right:0 !important;}
.bloobpr ul.c-alfa-m{text-align:center;}

.bloobpr ul.c-alfa-m li{padding:0; margin-bottom:35px;}
.bloobpr .appcont img{float:left; width:100%; padding-top:0;}
.bloobpr .banner_three .mimg{padding:0;}
.bloobpr .image_section{box-shadow:none; text-align:center;}
.bloobpr .image_section img{float:none;}
.bloobpr .pimg{padding:35px !important;}
.bloobpr .Details_sec{padding-top:135px;}
.bloobpr .in_topn, .bloobpr .in_Bottom{padding-top:0;}
.bloobpr .i_left, .bloobpr .i_Rignt{width:100%; margin-top:10px;}
.bloobpr .Details_sec p{margin-top:10px; width:100%;}
.bloobpr .imimg {text-align:center; padding:0;}
.bloobpr .imimg img{text-align:center; float:none; width:auto; }
.bloobpr .banner_three{padding-top:80px; margin-top:200px;}
.bloobpr .banner_three .imimg{margin-top:0;}
.bloobpr .banner_three:before{bottom:315px;}

.bloobpr section.Appdesign .appheading{padding-top:200px;}
.bloobpr .Appdesign .appbanner:Before{top:0; bottom:-40px;}
.bloobpr section.color .title:before{right:0;}
.bloobpr section.color .title:before{right:0;}

	 
}
@media (max-width:991px){
.bloobpr section.event:before{height:200px;}
.bloobpr .Scond_banner .banner_two:before{left:-500px;right:-500px; background-size:cover;}
.bloobpr .banner_three:before{left:-600px;right:-600px; }
.bloobpr .event_in{padding-top:0px;}
.bloobpr section.event{margin-top:-340px;}
.bloobpr section.event:before{top:140px;}
.bloobpr .logo_section{width:100%; padding:50px 0; min-height:auto;}
.bloobpr .logo_section img{float:left;}
.bloobpr section.icons_main{margin-top:185px;}
.bloobpr ul.Icon_bar li{width:auto; height:100px;}
.bloobpr ul.c-alfa-m li{float:none;}
.bloobpr .Scond_banner{margin-top:150px;}

.bloobpr .appcont img {width:auto; float:none;}
.bloobpr section.Appdesign .appcont{text-align:center;}
.bloobpr .logo_section img{top:0;}
}
@media (max-width:768px){
.bloobpr h1.title{font-size:44px !important;  float:none;}
.bloobpr section.event{margin-top:-155px;}
.bloobpr h1:before{left:0; right:0;}
.bloobpr .event_in{padding-top:50px;}
.bloobpr section.event h1{margin-top:0;}
.bloobpr .text_sec p{font-size:16px;}
.bloobpr section.event h1:before{bottom:-30px;}
.bloobpr .text_sec{padding:80px 0 0 0;}
.bloobpr section.event:before{top:155px; height:150px;}
.bloobpr .image_section{margin-top:30px; float:left; width:100%;}
.bloobpr .Details_sec{padding-top:40px;}
.bloobpr .in_topn, .bloobpr .in_Bottom{padding:0; width:100%;}
.bloobpr .i_left, .bloobpr .i_Rignt{float:left; width:100%;}
.bloobpr .Details_sec p{margin:10 10px; width:100%;}
.bloobpr section.icons_main{float:left; width:100%; margin-top:0; padding-top:200px;}
.bloobpr .logo_section{float:left; width:100%; text-align:center; min-height:200px; padding-top:50; padding-bottom:0;}	
.bloobpr .logo_section img{float:left;  top:60px; bottom:inherit;}

.bloobpr .iconsinner{float:left; width:100%;}
.bloobpr .heading_bar{float:left; width:100%;}
.bloobpr .heading_bar h1.title:before{left:0; right:0;}
.bloobpr ul.Icon_bar{float:left; width:100%;}
.bloobpr ul.Icon_bar li{width:25%;height:100px;}
.bloobpr ul.Icon_bar li img{float:left;  }
.bloobpr section.Typography{padding-top:60px;}
.bloobpr section.Typography .title{float:left; width:100%;}
.bloobpr .heading_bar{width:100%; float:none;}
.bloobpr .heading_bar h1.title{float:none;}
.bloobpr section.Typography .title:before{left:0; right:0;}
.bloobpr section.Typography h2{margin-top:70px; font-size:20px;}
.bloobpr .text_style{float:left; width:100%;}
.bloobpr ul.c-alfa-m{float:left; width:100%;}
.bloobpr ul.c-alfa-m:before, .bloobpr ul.c-alfa-m:after{display:none;}
.bloobpr ul.c-alfa-m li{margin:0; padding:0; width:100%; padding-bottom:50px;}
.bloobpr ul.c-alfa-m li img{float:none; width:auto; text-align:center;}
.bloobpr section.color{width:100%;padding-top:60px;}
.bloobpr section.color .title{float:none; width:100%;}
.bloobpr section.color .title:before{float:none; width:100%;left:0; right:0;}
.bloobpr .contentbr{padding-top:60px; text-align:center;}
.bloobpr .top_sec, .bloobpr .Bottom_sec{text-align:center; width:100%;}
.bloobpr .Bottom_sec{margin-top:0;}
.bloobpr .image_sec, .bloobpr .Cont_section{text-align:center!important;  width:100% !important;}
.bloobpr .contentbr .image_sec img{float:none; }
.bloobpr .image_sec{padding-bottom:10px;}
.bloobpr .contentbr .Cont_section p.one{margin-top:0;}
.bloobpr section.Appdesign{float:left; width:100%; margin-top:60px;}
.bloobpr .contentbr .Cont_section p.one{font-size:20px; margin:0; text-align:ceter; width:100%;}
.bloobpr section.Appdesign .appheading{padding-top:0;}
.bloobpr h1.title{float:left; width:100%;}
.bloobpr section.Appdesign h1.title:before{left:0; right:0;}
.bloobpr .appcont{float:left; width:100%; }

.bloobpr img.two{padding-top:0;}
.bloobpr .Appdesign .appbanner{margin:0;}
.bloobpr section.Appdesign .appcont{padding-top:30px;}
.bloobpr .Scond_banner, .bloobpr .banner_three{margin-top:50px;}
.bloobpr .Appdesign .appbanner:Before{top:-20px; bottom:-20px;}
.bloobpr .Scond_banner .banner_two:before{top:-20px; bottom:-20px;}
.bloobpr .pimg{padding:0;}
.bloobpr .Cont_section{padding-bottom:60px;}
.bloobpr .banner_three .imimg{margin-top:50px;}
.bloobpr .mimg"{margin:0 !important;}
.bloobpr .banner_four .banner_image{margin:50px;}
.bloobpr .banner_image{margin-top:60px;}
.bloobpr .footer_inner{margin-top:60px;}
.bloobpr .Scond_banner .banner_two:before{transform: rotate(-8.3deg); background-size:cover;left:-300px; right:-300px;}
.bloobpr .banner_three:before{top:-5px; bottom:-20px; transform:rotate(6deg); left:-300px; right:-300px;;}
.bloobpr .banner_four{margin-top:115px; z-index:99;}

.bloobpr section.Appdesign .appcont{text-align:center;}
}

@media (max-width:480px){
.bloobpr .event_in{padding:0;}
.bloobpr h1{font-size:40px;}
.bloobpr section.event:before{height:170px; top:122px;}	
.bloobpr ul.c-alfa-m li img{float:left; width:100%;}
.bloobpr .contentbr .image_sec img{float:left; width:100%;}
.bloobpr .appcont img{float:left; width:100%;}
.bloobpr .imimg img{float:left; width:100%;}	
.bloobpr ul.Icon_bar li img{width:100%;}	
}
@media (max-width:438px){
.bloobpr section.event:before{top:155px; height:235px;}

}