@font-face {
    font-family: "Gotham"; font-weight:600; src: url("../fonts/GothamNarrow-Bold.otf");
}
@font-face {
    font-family: "Gotham"; font-weight:400; src: url("../fonts/GothamNarrow-Book.otf");
}
@font-face {
    font-family: "Gotham"; font-weight:500; src: url("../fonts/GothamNarrow-Medium.otf");
}
@font-face {
    font-family: "Gotham"; font-weight:300; src: url("../fonts/GothamNarrow-Light.otf");
}

body {font-size: 16px; font-family: Gotham, helvetica, Verdana, Arial, sans-serif; margin:0; padding:0; color:#333;}

.clearall {clear: both; zoom: 1;}
.clearall:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.row {clear: both; zoom: 1;}
.row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

a {text-decoration:none; color:#3686D0}
a img {border:0;}
.img-responsive {max-width:100%; max-height:100%;}

.container-fluid {max-width:100%; margin:auto; position:relative; background-color:#eeeeef; clear: both; zoom: 1;}
.container-fluid:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.container {max-width:1100px; margin:auto; position:relative; padding:0 4%; clear: both; zoom: 1;}
.container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

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

.bold {font-weight:bold;}
.semibold {font-weight:500;}
.italic {font-style:italic;}
.light {font-weight:300;}

.mt2 {margin-top:2px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt17 {margin-top:17px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt90 {margin-top:90px;}
.mt130 {margin-top:130px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml80 {margin-left:9em;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.pad1-0 {padding:1em 0;}
.pad2-0 {padding:2em 0;}
.pad5-8 {padding:10px 15px;}
.pad0-8 {padding:0px 15px 0px 15px;}
.padtop10 {padding-top:10px;}
.padtop20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.p25-30 {padding: 25px 30px;}
.pl40 {padding-left: 40px;}
.pl60 {padding-left: 60px;}

.width18 {width:18%;}
.width20 {width:20%;}
.width26 {width:26%;}
.width30 {width:30%;}
.width33m {width:33.3%;}
.width35 {width:35%;}
.width55 {width:55%;}
.width60 {width:60%;}
.width65 {width:65%;}
.width80 {width:80%;}
.width88 {width:88%;}
.width88 {width:90%;}

.sup {font-size:50%; vertical-align:super;}
.uppercase {text-transform:uppercase;}
.underline {text-decoration:underline;}

.font08 {font-size:0.8em;}
.font09 {font-size:0.9em;}
.font11 {font-size:1.1em;}
.font12 {font-size:1.2em;}
.font14 {font-size:1.4em;}
.font16 {font-size:1.6em;}
.font18 {font-size:1.8em;}
.font22 {font-size:2.2em;}
.font30 {font-size:3em;}
.font35 {font-size:3.5em;}

.relative {position: relative;}
.absolute {position: absolute;}

.logo {padding:1em 0;}

.topmenu {z-index: 10;}
.topmenu > ul {padding-left: 0;}
.topmenu li {display:inline-block; list-style:none; font-weight:500; font-size: 12px; padding: 0.3em 3.4em; border-right: 1px solid #000; vertical-align: top;}
.topmenu li:last-child {border-right: none;}
.topmenu a {display:inline-block; color:#000; padding:0.3em 0.7em; transition: color ease-out 0.3s; -webkit-transition: color ease-out 0.3s;}
.topmenu a:hover {color:#fe0d9f;}
.topmenu .selected {color:#fe0d9f;}

.sub-menu {position: absolute; top: 30px; left: 21px; margin-left: 0; padding-left: 0; background-color: #fff; padding: 0 1.1em; box-shadow:0px 5px 5px rgba(0,0,0,0.3); display: none; z-index: 10; min-width: 150px;}
.sub-menu li {display:block; list-style:none; font-weight:500; font-size: 12px; padding: 0.4em 0; border-right: none; border-top: 1px solid #000;}

.formhead {background: #82c341 none repeat scroll 0 0; color: #fff; padding: 10px 15px; z-index: 10; border-radius:5px;}
.borderall {border: 2px solid #82c341; border-radius: 5px;}
.form-container {background-color:#FFFFFF;}

textarea {min-height:80px;}
.green {color: #82c341;}
.grey {color: #666666;}
.grey-bckgrnd {background:#f0f0ee;}
.divider {background: rgba(0, 0, 0, 0) url("../images/divider.png") repeat scroll 0 0; height: 10px; width: 100%; margin:5em 0;}

.fashion {position: relative;}
.fashion .link-elle {position:absolute; width:24%; height:97.5%; top:0; left:0;}
.fashion .link-esquire {position:absolute; width:24.5%; height:97.5%; top:0; left:25%;}
.fashion .link-bazaar {position:absolute; width:24.5%; height:97.5%; top:0; left:50%;}
.fashion .link-town {position:absolute; width:24.5%; height:97.5%; top:0; left:75%;}

.fashion-mobile {position: relative;}
.fashion-mobile .link-elle {position:absolute; width:100%; height:22.5%; top:0; left:0;}
.fashion-mobile .link-esquire {position:absolute; width:100%; height:22.5%; top:24.5%; left:0;}
.fashion-mobile .link-bazaar {position:absolute; width:100%; height:22.5%; top:49%; left:0;}
.fashion-mobile .link-town {position:absolute; width:100%; height:22.5%; top:74.5%; left:0;}




@media all {
	.width23 {width:23%;} .width25 {width:25%;} .width30 {width:30%; float:left; margin-right:4%;} .width40 {width:40%;} .width45 {width:45%; float:left; margin-right:5%;} .width50 {width:50%;} .width68 {width:68%;} .width70 {width:70%;}
	.row .width45:nth-child(2) {margin-right:0;}
	.row .width30:nth-child(3) {margin-right:0;}
	.left {float:left;}
	.right {float:right;}
	.mobilemenu {width:38px; height:37px; background:url(../images/icon-menu.png) no-repeat; display:none;}
	.mobilemenu1 {display:none; position:absolute; top:63px; right:0; background:#fff; padding:5px 10px; border:#CCCCCC 1px solid; border-radius:5px; z-index:100; box-shadow:0 0 4px rgba(0,0,0,0.4);}
	.mobilemenu1 li {padding:10px 10px; border-bottom:#CCCCCC 1px solid; min-width:250px; list-style:none;}
	.mobilemenu1 li:last-child {border-bottom:none;}
	.form-container {position:absolute; right:4%; top:0; width:380px;}
	.hide-desktop {display:none;}
	.show-tablet {display:none;}
	.mla60 {margin-left:60px;}
}
@media all and (max-width:1400px){
	
}
@media all and (max-width:1200px){
	.topmenu a {padding:0.3em 0em;}
	.topmenu li {padding: 0.3em 2em;}
}
@media all and (max-width:995px){
	.tablet-mt10 {margin-top:10px;}
	.tablet-mt20 {margin-top:20px;}
	.tablet-mt30 {margin-top:30px;}
	.container .tablet-mt {margin-top:110px;}
	.container .tablet-mt20 {margin-top:20px;}
	.divider {margin:2em 0;}
	.centered-list {width:100%;}
	.centered-list .v-small li {float:left; width:40%; margin-left:0;}
	.width26, .container .expand-tablet {float:left; width:100%;}
	.mla60 {margin-left:0;}
	.v-small li {display:inline-block;}
	.container .shrink-tablet {width:auto;}
	.divider-tablet {border-top:#CCCCCC 1px solid; margin:20px 0; padding-top:20px;}
	.greenbullets li {margin-bottom:5px;}
	.topmenu li {padding: 0.3em 1.4em;}
}
@media all and (max-width:880px){
	.topmenu li {padding: 0.3em 1em;}
}
@media all and (max-width:815px) and (orientation : portrait){
	.topmenu li {padding: 0.3em 1em;}
	.container .logo {float:left; width:50%;}
	.container .logo.text-center {text-align: left;}
	.topmenu{display:none;}
	.topmenu-mobile{width:40px; text-align:right; float:right; position:relative;}
	.mobilemenu {display:inline-block;}
	.show-tablet {display:inline-block;}
	.hide-tablet {display:none;}
	.container .hide-tablet {display:none;}
	.ims-logo {max-width: 80px;}
}

@media all and (max-width:815px) and (orientation : landscape){
	.hide-tablet {display:inline-block;}
	.topmenu li {padding: 0.3em 0.7em;}
}
@media all and (max-width:768px){
	.show-mobile {display:inline-block;}
	.container .hide-768 {display:none;}
	.tablet-mt10 {margin-top:10px;}
	.tablet-mt20 {margin-top:20px;}
	.form-container {width:95%; position:static; margin:30px 10px;}
	.container .tablet-mt, .container .tablet-mt30 {margin-top:30px;}
	.foursection li {width:100%; min-height:inherit; margin-top:20px;}
	.width30, .width33m, .width26 {display:block; width:100%;}
	.divider {margin:2em 0;}
	.font22 {font-size:2em;}
	.font30 {font-size:2.5em;}
	.centered-list {width:100%;}
	.centered-list .v-small li {width:100%;}
	.expand-tablet {display:block; width:100%;}
	.divider-mobile {border-top:#CCCCCC 1px solid; margin:20px 0; padding-top:20px;}
	.hundred768 {width:100%;}
	.topmenu li {padding: 0.3em 0.5em;}
}
@media all and (max-width:605px){
	.container .hide-mobile {display:none;}
	.width23, .width25, .width26, .width30, .width35, .width33m, .width40, .width45, .width50, .width60, .width65, .width68, .width70, .width90 {display:block; width:100%;} 
	.big-btn {display:inline-block;}
	.container .mobile-mt10 {margin-top:10px;}
	.container .mobile-mt20 {margin-top:20px;}
	.container .mobile-mt30 {margin-top:30px;}
	.container .mobile-mt40 {margin-top:40px;}
	.container .mobile-mt50 {margin-top:50px;}
	.container .mobile-mt60 {margin-top:60px;}
	.left {float:none;}
	.right {float:none;}
	.ml30 {margin-left:0;}
	.width88 {float:right;}
	.greencircle {width:40px; float:left;}
	.expand-mobile {display:block; width:100%;}
}
@media all and (max-width:515px){
	
}