/* CSS Document */

/* Chinstrap by Robert Bavington */

/*--------
++Global++
---------*/

* { margin: 0; padding: 0;  }

body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif  }

h1 { color:#2e4e88; margin-bottom: 15px; font-size: 46px; margin-top: 0; }

h2 {  color: #2e4e88; margin-top: 0; font-weight: bold;
    text-transform:uppercase }

h3 { }

h4 { }

h5 { }

#formsf label  { font-size:14px !important; font-weight:300 !important; }
#formsf .small label  { font-size:14px !important; font-weight:300 !important; }
#formsf .small span  { font-size:14px !important; font-weight:300 !important; }


.ubermenu-skin-grey-white.ubermenu-responsive-toggle { display:none; }


#submitt input { border:none;
    background: #094d8c !important;
    font-size: 16px !important;
    color: #fff !important;
    box-shadow: none;
    text-shadow: none;
    line-height: 22px;
    padding: 10px 20px;
    border-radius: 5px;
	 }


p { margin-bottom: 10px; font-size: 14px; color:#777777; }

a { text-decoration: none; }

div { box-sizing: border-box; }

img { max-width: 100%; }

.width100 { width: 100%; }

a:hover.blue-btn  { color:#fff;}

#formsf .in_forms { margin: 0;
    padding: 10px; }
	
	
	.lgmaxwidth {max-width:400px;}
	
	
	#formsf table tr { height:32px; }


.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    font-size: 19px;
	font-weight: bold;
    text-transform: capitalize;
	color:#094d8c;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #094d8c;
    border: 1px solid #ddd;
    border-bottom: none;
	
}
.nav-tabs>li>a:hover {
	color: #fff;
    background: #094d8c;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: none;
    margin-top: 3px;
}


/*--------
++Margins++
---------*/

.m0 { margin:0!important; }

.mr1 { margin-right: 1%; }

.mr2 { margin-right: 2%; }

.mr3 { margin-right: 3%; }

.mr4 { margin-right: 4%; }

.mr5 { margin-right: 5%; }

.ml1 { margin-left: 1%; }

.ml2 { margin-left: 2%; }

.ml3 { margin-left: 3%; }

.ml4 { margin-left: 4%; }

.ml5 { margin-left: 5%; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mt80 { margin-top: 80px; }

.mb80 { margin-bottom: 80px; }

.mt95 { margin-top: 95px; }

/*--------
++Padding++
---------*/

.padd0 { padding: 0!important; }

.padd10 { padding: 10px; }

.padd20 { padding: 20px; }

.padd30 { padding: 30px; }

.padd40 { padding: 40px; }

.padd50 { padding: 50px; }

.padd-top10 { padding-top: 10px; }

.padd-top20 { padding-top: 20px; }

.padd-top30 { padding-top: 30px; }

.padd-top40 { padding-top: 40px; }

.padd-top50 { padding-top: 50px; }

.headerPadCustom { padding-top: 64px !important; }

.padd-bottom10 { padding-bottom: 10px; }

.padd-bottom20 { padding-bottom: 20px; }

.padd-bottom30 { padding-bottom: 30px; }

.padd-bottom40 { padding-bottom: 40px; }

.padd-bottom50 { padding-bottom: 50px; }

/*--------
++Resets++
---------*/


.signupbg { background:#eee; padding-bottom:30px; }
#signup .in-group { float:left ; width: 16% ; }

#signup .in_forms { padding-left:80px; }


#signup .in_forms .button {
   
    width: 149px !important;
}

.in_forms { background:#eee !important;}


.logos { width:19%; float:left; border:1px solid #eee; margin:40px 5px; }

.in_forms { max-width:100% !important;}

input[type=checkbox], input[type=radio] { margin: 4px 4px 0 0 !important; }

.in_forms .in-group input[type='text'], .in_forms .in-group select { margin-bottom:10px; } 

.navfix { position:fixed; width:100%; margin:0; z-index:9999999; top: 0;}


#signup .in_forms .in-group input[type='text'] {
    border: 2px solid #cfcfcf;
    width: 90%;
}


.affix  { width:540px;  }


#search-2 .search-submit { background:#3870B4; padding: 7px 10px;  
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; color:#fff; box-shadow:none; text-shadow:none; border:none; font-size:13px; }


.joinup a { background:#3870B4; padding: 10px;  
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; color:#fff; }



.in_forms .button {background:#3870B4 !important; padding: 10px;  text-shadow:none !important; box-shadow:none !important;  font-size:14px; border:0 !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; color:#fff !important; }

.panel-title a { display:block; font-size::;px; padding: 20px 0; }


.list { margin: 20px 0; } 
.list li { font-size:18px; line-height:33px; list-style-type:none; color:#094d8c;  } 


.logos-cc { width: 11%; float:left; }

.bgteam { background:#094d8c; color:#fff; text-align:center; padding: 130px 50px; border-radius: 50%; min-height: 371px;

-moz-box-shadow:    inset 0 0 100px #0f3a61;
   -webkit-box-shadow: inset 0 0 100px #0f3a61;
   box-shadow:         inset 0 0 100px #0f3a61;

 }
 
 
 
 a.btn-link { background:#094d8c; color:#fff; padding: 10px 18px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
 
 
 

.ubermenu:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-flyout {
    max-height: 99999px;
    padding: 10px;
}

.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
    display: block;
    float: none;
    position: relative;
    min-width: 150px;
    clear: both;
   
}

.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item-level-1 { border-top: 1px solid #eee;}

.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item-level-2 { min-width:250px;}



.ubermenu-item-level-1 .ubermenu-item { }


.ubermenu-item-level-2 { border:0 !important;}
 
 
 
 .ubermenu-skin-grey-white .ubermenu-submenu, .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-target { font-weight:bold; color:#094d8c;  }
 
 
 .img-1banner { margin-top:50px; }
  .img-2banner { padding:40px 30px; margin-bottom:13px; }
 
 
 .banner-link2 a { float:left; background:#fff; color:#094d8c; padding: 12px 20px; margin-right:10px; margin-top:20px; }
 .banner-link1 a {color:#fff; border-bottom: solid 1px; border-color: rgba(0,0,0,0.0); padding-bottom: 5px;}
 .banner-link1 a:hover {border-color: #fff;}
 
 .banright {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}


 .banners p { color:#fff;}
 .banner-text { font-size:30px; color:#fff; margin-bottom:20px; text-transform:uppercase; }
 
 .carousel-inner {}
 
 .bannerbg #carousel-example-generic .item {}

.bgteam h3 { font-size:20px; } 

.bgteam p { font-size:16px; color:#fff; } 


.ItemPos {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 200px;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.6);
	padding: 20px 0;
}

 
#menu-mobile-menu { margin:0;}


#form input { width: 100%;}
#form .wpcf7-submit { border: none;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #094d8c;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
  
width:90px;
    padding: 5px 15px;
    text-shadow: none;}

.grey { background:#eee;  }

.btop { border-bottom: 1px solid #eee; }


.right { float: right!important; }
.width100 { width: 100%; }
.center * { text-align: center; }


.blue-bg { background: #094d8c }

.align-right { text-align: right; }

.header-right p { color:#fff; letter-spacing:1px; }

.social-icons { margin-left: 30px; }

.social-icons i { margin: 0 5px; }

.social-icons a { color:#fff; }

#ubermenu-nav-main-2-primary { float: right; }

.ubermenu .ubermenu-target {
    display: block;
    text-decoration: none;
    position: relative;
    color: #fff;
}

.ubermenu-submenu a { color:#666!important; }

.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {
    overflow: hidden;
    background: #fff;
	border: none;
	padding: 20px 30px;
}

.ubermenu-skin-trans-black .ubermenu-item-level-0 > .ubermenu-target {
    font-weight: bold;
    color: #fff; }
	
	.ubermenu-skin-trans-black .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-trans-black .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-trans-black .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    color: #ddd;
    background: transparent;
}

.home-text p { font-size: 18px; }

.white-btn { display: block; padding: 15px; border: 1px solid #ddd; color:#2e4e88; font-size: 22px; text-align: center; background: #fff; }

.blue-btn { display: block; padding: 15px; border: 1px solid #2e4e88; color:#fff;  background: #2e4e88; font-size: 22px; text-align: center; }


.blue-btn2 { display: inline-block;  padding: 15px 20px; border: 1px solid #2e4e88; color:#fff;  background: #2e4e88; font-size: 11px; text-align: center; margin-top: 20px; }

.blue-btn2:hover { background: #333; color:#fff; }

a:hover { text-decoration: none; }

.bt { border-top: 1px solid #ddd; text-align: center;}
.bt img {
    margin: 0 auto;
}
.bt .carousel-inner {background: #fff;}

.blue-text { color:#094d8c; font-size: 20px; }

.hp-service-link {-webkit-transition: all 0.4s ease; transition: all 0.4s ease; height: 150px; background: #fff; font-size: 20px; margin-bottom: 20px; position: relative; display: block; overflow: hidden;}

.hp-service-link .hp-link-cont { font-size: 25px; color:#2e4e88; position: absolute; width: 100%; top: 50%; left: 0; transform:translateY(-50%); -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}

.hp-service-link span span { display: block; font-size: 25px; }

.hp-service-link .ViewBTN {
    display: block;
	font-size: 25px;
	position: absolute;
    width: 100%;
    top: 100%;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

a { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }


.hp-service-link:hover { background: rgba(0,0,0,0.3); position: relative; }



.hp-service-link:hover span { top: -50px; }
.hp-service-link:hover .ViewBTN {
    color: #fff;
    top: 50%;
    margin-top: -17.5px;
}

.player-bg { background: url(/wp-content/uploads/2016/02/player-bg.jpg) no-repeat; background-size: cover; }

.title { color:#fff; font-size: 40px; margin: 40px 0; }

.mt60 { margin-top: 60px; }

.mb60 { margin-bottom: 60px; }

.grey { background: #eee; }

.grey .title { color:#2e4e88; }

.title2 { color:#2e4e88!important; font-size: 40px; margin: 40px 0; }

.title2bold { color:#2e4e88!important; font-size: 40px; margin: 40px 0; font-weight:bold; text-transform:uppercase; }

.title3 { color:#2e4e88!important; font-size: 26px; margin:0; }

.contact-details { margin: 30px 0 ; }

.contact-details  li { color:#2e4e88!important; font-size: 20px; margin:0; list-style: none; }



.trophey-bg { background: url(/images/hp-clients.jpg);height: 100%; }

.trophey-bg p { color: #fff; }

.br { border-right: 1px solid #ddd; }

.hp-cs-title-holder  { position: absolute; top: 50%; transform:translateY(-50%); }

.hp-cs-title { font-size: 26px; color:#555!important;  }

.hp-cs-title a { display: block; font-size: 16px; }

.relative { position: relative; }

.static { position: static; }

.white { background: #fff;} 

.hp-clients { position: absolute; top: 50%; transform:translateY(-50%); }

.hp-news h3 { margin: 0 0 10px; font-size: 16px; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px }

.hp-news h3 a { color:#555; }

.small { font-size: 12px; margin-bottom: 20px; }

.pitch-bg { background: url(/wp-content/uploads/2016/02/pitch-bg.jpg) no-repeat; background-size: cover; }

#carousel-testimonials .carousel-inner {background: none;}

.hp-testimonials p { color:#fff; font-size: 22px; width: 80%; margin: 0 auto 40px; }

.hp-testimonials {
	min-height: 266px;
}

.hp-testimonials .hp-testimonials-author { font-size: 18px; }

#carousel-testimonials .carousel-control.left { background: none; }


#carousel-testimonials .carousel-control.right { background: none; }

#carousel-testimonials .carousel-indicators { bottom: -20px; }

.address { color:#094d8c; font-size: 11px; }

.footer-contact { font-size: 11px; }

.copyright { font-size: 9px; }

.small-blue { font-size: 11px; color:#094d8c; }

.footer-logos { display: block; margin: 0 auto; width: 75%; }

.ubermenu .ubermenu-submenu .ubermenu-column-auto {
    min-width: 100px;
    width: auto;
    padding: 5px 16px;
    box-sizing: border-box;
}

.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item.ubermenu-column-auto {
    width: 100%;
    display: block;
    float: none;
    min-width: 0;
    padding: 0;
}

.ubermenu-skin-trans-black .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
    border-bottom: 1px solid #ddd;
    color: #094d8c!important;
}
.ubermenu-submenu .ubermenu-target { padding-left: 0; }

.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
}


#news-list h2 {
    font-size: 16px;
    line-height: 20px;
}


.contact-social { margin: 0; }

.contact-social li { display: inline; margin: 0 20px 0 0; font-size: 20px; }

.contact-social li a { color:#2e4e88!important;  }


.ubermenu-skin-grey-white { background: #094d8c; }


.min-h { min-height:571px; }

.masonry-row {
    -moz-column-width: 23em;
    -webkit-column-width: 23em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    width: 100%;
}

#news-list .item {
    display: inline-block;
    padding: .25rem;
    width: 100%;
    margin-bottom: 20px;
}
.width100 img { width: 100%;}

.ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target { color:#fff; }

.placeholder { height: 300px; background: #333; }

.widget { background: #fff; padding: 30px; margin-bottom: 20px; }

.widget ul { margin: 0; }

.widget ul li { list-style: none; }





.portfolio img {
	width: 100%;
	height: auto;
	    
}
.portfolio {
	float: left;
	width: 100%;
	padding: 20px 0;
	
}

.portfolio li {
	border:1px solid #ddd;
	    float: left;
    width: 23.1%;
    background: #fff;
    margin: 7px;
    list-style-type: none;
}

.portfolio li a {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}


.mask2 { display:none; }


.mask { 
	position: absolute;
	margin: 6%;
	top: 5%;
	width: 80%;
	left: -600px;
	z-index: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
	background:#094d8c; padding: 15px 15px 5px;
	
	
}



.portfolio li a:hover .mask {
	left: 0;
}



.portfolio li a:hover .mask4 {
	left: 0;
}

.portfolio li a:hover img {
	opacity: 1;
}

.about-title { font-size:20px; padding-bottom:0; color:#fff; text-transform:uppercase; font-weight:bold;  }

.about-desc {font-size:15px; color:#fff; display:NONE;  }



.Banner {
	position: relative;
	width: 100%; 
	overflow: hidden;
	min-height: 240px;
	margin-top: 60px;
}
.Banner h1 {
    position: absolute;
    top: 90px;
    text-align: center;
    display: block;
    width: 100%;
    color: #fff;
}


/** Team **/

.TeamBlocks {
    margin: 50px 0 0;
    text-align: center;
    padding: 0px 20px;
	min-height: 275px;
}
.TeamBlocks img {
    border: solid 2px #094d8c;
}
.TeamBlocks h6 {
    color: #094d8c;
    font-size: 18px;
}
.TeamBlocks p {
    font-size: 14px;
	margin: 0;
}

.row {margin-left: 0; margin-right: 0;}

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

	.logos {
    width: 18%;}

.nav-tabs>li>a {
   
    font-size: 15px;}

.bgteam {
    margin: 0 36px;}

.banright {
    width: 100%;
}


	.ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target {
    padding: 15px 15px;
}

}

#mobilemenu li {  list-style-type:none; font-size:15px; font-weight:bold; text-transform:uppercase; line-height:42px; text-align:center; border-bottom:1px solid #eee;  }


@media screen and (max-width: 1024px) {
.ItemPos {
	min-height: 190px
}
.banner-text {
    font-size: 25px;
    margin-bottom: 10px;
}
.banright {
    width: 80%;
}
}

@media screen and (max-width: 992px) {
	
	#signup .in-group {
    float: left;
    width: 31%;
}
	
	.logos {
    width: 18%;}

	
	
	.lgmaxwidth { max-width:300px;}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 9px;}

.nav-tabs>li>a {
   
    font-size: 12px;}

.portfolio li {
    
    width: 29.1%;}
.headerPadCustom {
	padding: 0 !important;
}

.banright {
    width: 100%;
}
.carousel-control.left, .carousel-control.right {
	display: none;
}

.bgteam {
    margin: 0 ;}

.mbmob { margin-bottom:20px; }

.nomob { display:none; }

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 10px;
}

.hp-cs-title {
    font-size: 18px;}

.white-btn {
    display: block;
    padding: 15px;
    border: 1px solid #ddd;
    color: #2e4e88;
    font-size: 15px;}

.blue-btn {
    display: block;
    padding: 15px;
    border: 1px solid #2e4e88;
    color: #fff;
    background: #2e4e88;
    font-size: 15px;}
	
	


	
	.hp-service-link .hp-link-cont {
    font-size: 23px;}
	
	
.Banner {
    min-height: 150px;
	width: 100%;
}	
.Banner h1 {
    position: absolute;
    top: 45px;
}
}

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

.Banner h1 {
    top: 70px;
    font-size: 40px;
}
}

@media screen and (max-width: 768px) { 
.bannerbg #carousel-example-generic .item {
    padding: 0px;
}
.img-2banner {
    display: block;
    width: 60%;
    margin: 40px auto 20px;
    padding: 0;
}.banners p {
    text-align: center;
    width: 60%;
    margin: 0 auto 20px;
}
.banner-link1 a {
    float: none;
	display: block;
    width: 60%;
    margin: 0 auto;
}
#signup .in-group {
    float: left;
    width: 31%;
}

.logos {
    width: 18%;}



nav>li>a {
    position: relative;
    display: block;
    padding: 10px 9px;}

.nav-tabs>li>a {
   
    font-size: 11px;}

.portfolio li {
    
    width: 29.1%;}



.mobmargbot { margin-bottom:20px; }


.bgteam {
    margin: 0 ;}

.mobcenter { text-align:center;} 

.headerPadCustom {
    padding: 53px 0 0 !important;
}
.ItemPos {
    min-height: 0;
    top: 0;
    padding-top: 70px;
}
.banners p {
    width: 80%;
}

#signup .in_forms {
    padding-left: 0px;
}

}

@media screen and (max-width: 736px) { 
.headerPadCustom {
    padding: 99px 0 0 !important;
}
}

@media screen and (max-width: 667px) { 
.ItemPos {
    padding-top: 50px;
}
.ItemPos {
    padding-top: 40px;
}
}

@media screen and (max-width: 667px) { 
.TeamBlocks {
    min-height: 240px;
}
.banners p {
    width: 90%;
}
.banner-text {
    font-size: 20px;
}
}

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

}

@media screen and (max-width: 600px) { 
.col-xs600-6 {
	width: 50%;
}
.TeamBlocks {
    min-height: 275px;
}
}


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

#signup .in-group {
    float: left;
    width: 49%;
}

.banners p {
    width: 100%;
}
}

@media screen and (max-width: 555px) { 
.ItemPos {
    padding-top: 20px;
}
}


@media screen and (max-width: 500px) { 
.headerPadCustom {
    padding: 68px 0 0 !important;
}
.ItemPos {
    padding-top: 50px;
}
.banners p {
	width: 100%;
	margin: 0 auto 10px;
}
.hide500 {display: none;}

.logos {
    width: 46%;
    float: left;
    border: 1px solid #eee;
    margin: 10px 4px;
}
.navfix {
    padding: 10px 0px;
}
.navfix .mt20 {
	margin: 0;
}
.mbmob {
    margin-bottom: 0;
    width: 125px;
}
.btn-primary {
    width: 125px;
    float: right;
	margin: 0;
}
.Banner h1 {
    top: 55px;
}

.nav-tabs { margin:0; }

.portfolio {
    float: left;
    width: 100%;
    padding: 0px 0;
	margin:0;}
	
	.portfolio li {
    width: 95%;
}


.nav-tabs>li {
    float: none;}
	
	
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
	argin-bottom: 5px;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #ddd; 
}

.nav-tabs>li>a {
	
    
    border-radius: 4px 4px 4px 4px;}


.mobmargbot { margin-bottom:20px; }


.mobmargtop { margin-top:20px; }

.bgteam {
    margin: 0 ;}

.banner-link1 a {
    float: none; }

.contact-number { display:none;  }

.mob-fb { padding:0 30px; } 

#signup .in_forms {
    padding-left: 20px;
}

#signup .in-group {
    float: none;
    width: 100% !important;
}

.br {
    border-right:none;
}

.hp-cs-title-holder {
    position: relative;
    top: 50%;
    transform: none;
    text-align: center;
}

.mobcenter { text-align:center;} 
}



@media screen and (max-width: 475px) {
.TeamBlocks {
    min-height: 251px;
}
.ItemPos {
    padding-top: 40px;
}
}

@media screen and (max-width: 415px) {
.col-xs415-12 {
	width: 100%;
}
.TeamBlocks {
    min-height: 0;
}
.TeamBlocks img {
    width: 200px;
}
.ItemPos {
    padding-top: 40px;
}
}

@media screen and (max-width: 400px) {
.ItemPos {
    padding-top: 20px;
}	
}