/* GRID */

html {margin:0; padding:0; height:100%}

body {position:relative; min-height:100%; margin:0; padding:0; font:15px/1.46 'GothamPro Light', Arial, Helvetica, sans-serif; color:#1c1f3d; background:#FFFFFF}

.container {max-width:1280px; width:auto !important; position:relative; padding:0 54px}

.wide {margin:0 -54px} .container.wide {margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important}

.c1 {/*background:url(../i/bg/reg_hdr_bg.jpg) top repeat-x;*/ padding:86px 0 0 0}
.c2 {padding:0 0 100px 35px}

/* FORMAT */
h1 {font:normal 36px 'GothamPro Medium', sans-serif; margin:0 0 50px 0; color:#2e335c}
h2 {font:normal 25px 'GothamPro Medium', sans-serif; margin:0 0 60px 0; color:#2e335c} .c2 h2 {margin-bottom:30px}
h3 {font-size:17px; margin:0 0 15px 0}

p {margin:1em 0}
.abstract {margin-bottom:100px; line-height:1.6}

strong.title {font:bold 1em 'GothamPro Medium', sans-serif; display:block}

hr {color:#dfdfdf; background:#dfdfdf; height:1px; font-size:1px; line-height:1; margin:50px 0; border:none; display:block; width:100%; clear:both}

br.b {line-height:1px; overflow:hidden; width:100%; clear:both}

.hold {width:100%; overflow:hidden}

.pages, .pages2 {margin:-5px 0 60px 0; border-top:#dfdfdf 1px solid; text-align:right; padding-top:24px}
    div.pages a, div.pages2 a {min-width:26px; line-height:26px; text-align:center; color:#1c1f3d; text-decoration:none !important; border-radius:13px; display:inline-block; margin-left:10px}
    div.pages a:hover, div.pages2 a:hover, .hdr a:hover {color:#751411;}
    .pages .s, .pages2 .s {color:#FFFFFF; background:#33426b}
    .pages:before {content:'Страница:'; font:1em 'GothamPro Medium', sans-serif; display:block; float:left}

    .pages2 {text-align:left}
    .pages2 a {padding:0 13px}

.info {border-top:#dfdfdf 3px solid; padding:20px 0 30px 0; color:#999999; font-size:14px; display:block}

img {max-width:100%; height:auto}
.pct {border:#ebebeb 1px solid; display:block; margin:20px 0}


menu {margin:0}

.wide_items {text-align:justify}
	.wide_items > * {display:inline-block; vertical-align:top; text-align:left}
	.wide_items:after {width:100%; height:1px; display:inline-block; content:''}


.list1, article ul {margin:0 0 1em 0; padding:0; list-style:none}
    .list1 > li, article ul > li {margin:0 0 1em 0; padding:0; display:block}
        .list1 > li:before, article > li:before {content:'—'; display:block; position:absolute; margin:0 0 0 -20px}

.list2 {margin:0 0 1em 0; padding:0; list-style:none; color:#8b8b8b; counter-reset:ol; }
    .list2 > li {margin:0 0 50px 1.5em; padding:0; display:block} .list2 > li:before {counter-increment:ol; content:counter(ol); display:block; margin-left:-1.5em; position:absolute; font:17px 'GothamPro Regular', sans-serif; color:#1c1f3d;}
        .list2 > li > a {font:17px 'GothamPro Regular', sans-serif; color:#1c1f3d; display:block; text-decoration:none; margin-bottom:15px}
            .list2 > li > a:hover, .archive_list .sw:hover {color:#751411;}

.archive_list {margin:0 0 1em 0; padding:0; list-style:none}
    .archive_list > li {margin:0 0 15px 0; padding:40px; border:#dfdfdf 1px solid; color:#000000}
    .archive_list .sw {font:17px 'GothamPro Medium', sans-serif; color:#33426b; cursor:pointer; display:block; margin-bottom:25px}
        .archive_list .sw:before {content:"\e252"; float:right; display:block; font:1em 'Glyphicons Halflings';}
        .archive_list .open .sw:before {content:"\e253"}

    .archive_list > li > h5 {font:normal 18px 'GothamPro Regular', sans-serif; color:#000000; margin-bottom:1em; text-transform:uppercase}
    .archive_list > li > p {font:14px 'GothamPro Regular', sans-serif; margin-bottom:2em}
        .archive_list > li > p b {font:1em 'GothamPro Medium', sans-serif;}

        .archive_list .hidden {padding-top:40px; border-top:#dfdfdf 1px solid; margin-top:40px; }
        .archive_list .open .hidden {display:block !important; }

.conf_list {margin-bottom:60px}
    .conf_list .itm {max-width:722px; height:385px; position:relative; margin-bottom:15px; background:#004741 50% no-repeat;}
    .conf_list time {display:block; font-weight:bold; top:24px; right:27px; background:#FFFFFF; color:#000000; line-height:1.2; width:6.4em; height:6.4em; padding:2em 0; position:absolute; text-align:center; text-transform:uppercase}
        .conf_list time span {display:inline-block; width:99%; vertical-align:middle}
        .conf_list time:after {width:1px; height:100%; content:''; display:inline-block; vertical-align:middle}
    .conf_list .descr {position:absolute; left:60px; bottom:45px; width:370px;       border: rgba(255, 255, 255, .2) 1px solid;        border-radius: 2px;             background-color: rgba(0, 47, 41, 0.7);        padding:34px; color:#6a7b7e; font-size:14px }
        .conf_list .descr a {font:18px 'GothamPro Medium', sans-serif; margin-bottom:15px; display:block; font-weight:normal; color:#bacfd3 !important; clear:both; text-decoration:none}

    .conf_list .itm:hover {background-size:110% auto}
        /*.conf_list .itm:hover .descr a {color:#751411 !important;}*/

.spoiler {background:#f5f5f5; padding:50px 145px 40px 50px; margin:65px 0 80px 0; position:relative} .spoiler:before {position:absolute; content:"\e252"; right:35px; top:48px; font:14px 'Glyphicons Halflings'; color:#bacfd3}
.spoiler+.spoiler {margin-top:-70px}

     .spoiler.open:before {content:"\e253"}
    .spoiler .sw {font:16px 'GothamPro Medium', sans-serif; color:#751411; /*border-bottom:#edc6c5 1px dashed; text-decoration:none !important;*/ display:inline }
    .spoiler .hidden {display:block !important ;padding-top:0; overflow:hidden; max-height:0; opacity:0} .spoiler.open .hidden {opacity:1; padding-top:24px; max-height:100000px; transition:max-height 0.7s, opacity 0.5s}

/* a */
a {color:#751411; cursor:pointer}
a img {border:0}

.c2 a {color:#751411;}
    .c2 a:hover {color:#2271b8}

a.back {border-top:#dfdfdf 1px solid; padding:20px 0; color:#751411; text-decoration:none !important; font:1em 'GothamPro Medium', sans-serif; display:block; text-align:right; margin:70px 0 0 0}

.download {border-radius: 10px;    background-color: rgb(245, 245, 245);   padding:23px 25px; margin:30px 0}
    .download a {font:1em 'GothamPro Light', sans-serif; padding:0 0 0 45px; color:#751411; text-decoration:none; display:block; background:no-repeat; /*text-decoration:none*/}
    .download a span {color:#751411; /*border-bottom:#ebc3c2 1px solid*/}

    .download a:hover, .download a span:hover {color:#2271b8}
    .download a:after {font:11px 'GothamPro Light', sans-serif; color:#7d7d7d; text-decoration:none; content:attr(class)', 'attr(data-size); display:block; margin-top:10px; text-transform:uppercase}
    .download a+a {margin-top:10px}
    .download .pdf {background-image:url(../i/ico/pdf.png);}





/* form */
form {margin:0}
input[type=text], input[type=password], textarea {font:12px/1.46 Arial, Helvetica, sans-serif; color:#4c4c4c}
textarea {resize:none}

button {padding:0; position:relative; cursor:pointer; overflow:visible; display:inline-block; border:0; outline:0; margin:0}
		button::-moz-focus-inner {	border: none;  padding:0}
	button span {display:block; position:relative}

/* table */
table {font-size:1em}
table, tr, td {margin:0; padding:0; border:0}
.top td {vertical-align:top}

.f1 {width:100%; margin-bottom:10px}
	.f1 td {padding:6px 10px;}
	.f1 .odd td {background:#f1f1f1}


/* CONTENT */
.col1 {float:left; } .col2 {float:right; }



.hdr {min-height:184px;}
    .hdr a {color:#2271b8}
    /*.hdr a:hover {color:#751411}*/

.logo { position:absolute; top:54px; left:54px; text-decoration:none; background:url(../i/logo.png) 0 no-repeat; height:102px; font-size:16px;}
    .logo:before {width:170px; height:100%; display:inline-block; content:''; vertical-align:middle}
    .logo span { font-weight:bold; color:#1F3D90; display:inline-block; vertical-align:middle; text-transform:uppercase; max-width:80%}

.to_cab   {position:absolute; top:24px; right:65px; height:18px; padding:2px 24px 2px 0; display:block; font-size:13px; background:url(../i/ico/cab.png) 100% no-repeat}
.to_cab a {/*text-decoration:none; border-bottom:#c9dced 1px solid*/}

.hdr .conf {position:absolute; display:block; /*text-decoration:none;*/ top:24px; left:50%; margin-left:-85px; width:170px; font-size:13px; height:16px; background:url(../i/ico/conf.png) right no-repeat}
    .hdr .conf span {/*border-bottom:#c9dced 1px solid*/}


.sub_hdr {min-height:441px; background:#004741 top no-repeat; margin-top:-29px}
    .sub_hdr {padding-top:110px; color:#FFFFFF}
    .sub_hdr .pct {display:block; margin-bottom:30px; max-height: 250px; border: 0;}

    .sub_hdr .title {font:37px 'GothamPro Black', sans-serif; display: none;}

 .sub_hdr + .container {margin-top:-30px}
 .sub_hdr + .container .way {margin-top:65px}

.main {padding-bottom:700px; background: url(../i/bg/reg_hdr_bg.jpg) top repeat-x;}

.main > .container {padding:0 54px}

.index_promo {background:#004741 url(../i/pct/index-pct1-2.jpg) top no-repeat;  margin:0 0 70px 0}
    .index_promo > .container {line-height:1.7; min-height:582px; position:relative; padding:130px 100px 0 100px; color:#FFFFFF;}
    .index_promo h2 {font:normal 36px/1.2 'GothamPro Medium', sans-serif; margin:0 0 50px 0; color:#FFFFFF}

    .index_promo .more {border:#FFFFFF 2px solid; color:#FFFFFF; border-radius:4px; padding:19px 30px; font:15px 'GothamPro Medium', san-serif; text-transform:uppercase; text-decoration:none; margin:50px 0 0 0; display:inline-block}
    .index_promo .more:hover {color:#751411; border-color:#751411}
    .index_promo .soc {position:absolute; bottom:50px; left:100px}
        .soc a {display:inline-block; margin-right:10px; vertical-align:middle}

.sections {padding:0; /*margin:0;*/ overflow:hidden}
    .sections .itm {padding:0 !important; background-color:#004741; color:#FFFFFF; background-position:50% !important; height:385px}
    .sections .itm:hover, .tile:hover {background-size:auto 110%}
	.tile {position:relative; height:385px; background-color:#004741; background-position:50% !important} /*.tile:hover {background-image:none !important}*/
        .tile .b {position:absolute; left:39px; bottom:45px; right:39px; border:rgba(255,255,255,.1) 1px solid; border-radius: 2px; background-color: rgba(27, 30, 56, 0.3); padding:34px; color:#fff; font-size:14px   }

            /*.tile:hover .b { border-color:#FFFFFF; opacity:1}*/
        .tile .ico {display:block; float:right; margin:-10px -10px 35px 0; opacity:.3}
        .tile .txt {clear:both}
        /*.tile:hover .title, .tile:hover .title a {color:#FFFFFF; }
        .tile:hover .ico {opacity:1}*/

    .sections .b {position:absolute; left:50px; bottom:45px; right:30%; border:rgba(255,255,255,.1) 1px solid; border-radius: 2px; background-color: rgba(27, 30, 56, 0.3); padding:39px 25px; color:#fff; font-size:14px   }
        .sections .ico {display:block; top:39px; right:54px; position:absolute}

    .sections .title, .tile .title {font-size:18px; display:block; font-weight:normal; color:rgb(123,25,25); text-decoration:none !important; clear:both}
        .sections .title span, .sections .title a, .tile .title a {color:#fff}
        .sections a, .tile a {color:#fff; text-decoration:underline}

     .title+.txt {margin-top:15px;}

    /*.sections .itm:hover .title {color:#FFFFFF; font-size:21px; }
        .sections .itm:hover .title a {color:#FFFFFF}
        .sections .itm:hover .txt {position:absolute; bottom:60px; left:65px; right:65px}
        .sections .itm:hover .b {right:50px; top:50px; padding:60px; border-color:#FFFFFF; opacity:1}
        .sections .itm:hover .ico {display:block}
        .sections .itm:hover a, .tile:hover a {color:#751411; text-decoration:underline}*/

        .sections .itm.event .title {color:#FFFFFF; font-size:21px; }
        .sections .itm.event .title a {color:#FFFFFF}
        .sections .itm.event .txt {position:absolute; bottom:60px; left:65px; right:65px}
        .sections .itm.event .b {right:50px; top:50px; padding:39px 60px 60px 60px; opacity:1}
        .sections .itm.event a, .tile.event a {color:#fff; text-decoration:underline}
            .sections .itm.event a:hover, .tile.event a:hover {color:#2271b8}

.index_about { background:url(../i/bg/index_bg2.png) top no-repeat; padding:100px 0 0 0;}
    .index_about > .container { text-align:justify; position:relative; min-height:700px}
	.index_about h2 {font-size:30px; font-weight:bold; text-align:center; color:#751411; margin-bottom:100px}
	.index_about .col {display:inline-block; vertical-align:top; float:none}

.index_about .person {position:absolute; right:100px; bottom:110px; font-size:14px; padding:5px 0 5px 110px; background:url(../i/pct/person_pct.jpg) 0 no-repeat; min-height:85px}
	.index_about .person b {font-size:18px; margin-bottom:5px; display:block}

.index_partners {padding:100px 0}
	.index_partners h2 {font-size:30px; font-weight:bold; text-align:center; color:#2d325b; margin-bottom:100px}
	.index_partners h3 {font:normal 20px 'GothamPro Regular', sans-serif; margin:0 0 20px 0; color:#1c1f3d}

	.partners_list {display:block; margin:0 0 35px 0; padding:0; list-style:none}
		.partners_list a {width:354px; height:354px; border:#e4e4e4 1px solid; text-decoration:none; text-align:center; vertical-align:middle; display:inline-block; font:normal 16px 'GothamPro Regular'; color:#8b8b8b; margin-right:50px; max-width:100%}
			.partners_list a:after {height:100%; width:1px; display:inline-block; vertical-align:middle; content:''}.partners_list a span {display:inline-block; vertical-align:middle; width:250px; max-width:80%}
		.partners_list a img {display:block; margin:0 auto 50px auto }

		.sponsors_list {margin:0 0 30px 0; padding:0}
			.sponsors_list > a, .sponsors_list > li {width:145px; height:145px; padding:0; margin:0 0 10px 0; background:50% no-repeat; border:#e4e4e4 1px solid; display:inline-block; text-align:center}.sponsors_list > li {width:230px; height:230px; margin-bottom:30px}
                .sponsors_list > li:after {height:100%; width:1px; display:inline-block; vertical-align:middle; content:''} .sponsors_list > li span {display:inline-block; vertical-align:middle; width:170px; color:#8b8b8b; font:14px 'GothamPro Regular', sans-serif }
               .sponsors_list img {display:block; margin:0 auto 30px auto}                                                                                          .sponsors_list li a {display:block; margin-top:20px; font-size:13px}

.ftr {background:#004741 url(../i/bg/ftr_bg2.jpg) top ; background-size:auto 100%; padding:90px 0 25px 0; min-height:600px; position:absolute; bottom:0; left:0; right:0; color:#bacfd3; font-size:14px}
	.ftr .container {}

	.ftr h3 {font-size:17px; text-transform:uppercase; margin-bottom:50px; color:#FFFFFF}

	.ftr a {color:#bacfd3; /*text-decoration:none*/}
        .ftr a:hover {opacity:0.7}

	.ftr .menu a {display:block; margin-bottom:14px}

	.ftr .contacts h3:before {background: url(../i/pct/ftr_pct.png); width:96px; height:99px; position:absolute; content:''; margin:-70px 0 0 -115px; display:block; }

	.ftr .contacts dl {margin:0 0 40px 0; padding:0}
		.ftr .contacts dd {display:block; float:left; padding:0 0 14px 0; width:40%}
		.ftr .contacts dt {display:block; width:60%; padding:0 0 14px 0; margin-left:40%; font-weight:normal; clear:right}

	.ftr .about {margin:50px 0; padding:50px 50px 25px 174px; border:#bacfd3 solid; border-width:1px 0; background:url(../i/pct/logo2.png) 8px no-repeat; color:#bacfd3; font-size:13px}
		.ftr .about a {color:#bacfd3; display:inline; /*border-bottom:#423666 1px solid*/}

		.ftr .copy {font:14px 'GothamPro Regular', sans-serif; color:#FFFFFF; float:left}
		.ftr .dev {font:14px 'GothamPro Regular', sans-serif; color:#751411; float:right}


/* SERVICES */

.main_menu { position:absolute; top:104px; right:65px; }
    .main_menu a {display:inline-block; text-transform:uppercase; color:#000000; margin-left:15px; font-weight:bold; text-decoration:none}
    .main_menu a:hover {color:#751411;}
    .main_menu .s {color:#1F3D90}

    .main_menu .sw {display:none; cursor:pointer; width:78px; height:78px; border:#115d9e 3px solid; border-radius:8px; font-size:28px; line-height:78px; text-align:center; color:#115d9e}


.menu2 {background:#f5f5f5; padding:45px 39px; margin-bottom:20px}
        .menu2 > a {padding:20px 43px 9px 43px; font:16px 'GothamPro Medium', sans-serif; color:#000000; text-decoration:none; display:block}
        .menu2 .s {color:#751411; border-bottom:#dfdfdf 1px solid; padding-bottom:8px}
            .menu2 .sub {padding:10px 43px 0 59px; display:block}
                .menu2 .sub a {padding:9px 0; font:16px 'GothamPro Medium', sans-serif; color:#787878; text-decoration:none; display:block}
                .menu2 .sub .s, .menu2 .sub a:hover, .menu2 > a:hover {color:#751411;}

.way {color:#b5b6c0; padding-bottom:60px}
    .way a {color:#b5b6c0}

.search {width:180px; height:32px; border-radius:16px; background:url(../i/ico/search.png) 140px no-repeat; border:#ededed 1px solid; position:absolute; top:15px; right:250px}
    .search input[type=text] {width:140px; height:32px; padding:0 20px; display:block; border:0; outline:0; background:none}
    .search button {/*background:none; border:0;*/ opacity:0; cursor:pointer; display:block; position:absolute; right:0; top:0; width:40px; height:32px}

.index_news {background:#def3fe; padding:80px 0 30px 0; margin:0; color:#8b8b8b; font-size:14px;}  .c2+.index_news {margin-top:100px}
	.index_news h2 {font-size:25px; font-weight:bold; margin-bottom:70px; color:#2d325b}
	.index_news .row {padding:0; list-style:none;}
	.index_news .row > li {}
	.index_news a {color:#1c1f3d; display:block; margin-bottom:35px}
        .index_news a:hover {color:#751411}
	.index_news time {font-weight:bold; display:block; border-top:#751411 3px solid; color:#000000; margin-top:35px; padding:30px 0}

article time, .news_list time {font-weight:bold; display:block; border-bottom:#751411 3px solid; color:#000000; margin-bottom:35px; padding:0 0 15px 0; width:250px}

.news_list {margin:0 0 5em 0; padding:0; list-style:none; color:#8b8b8b}
    .news_list > li {margin:0 0 1em 0; padding:24px 0 35px 0 }.news_list > li+li {border-top:#dfdfdf 1px solid}

    .news_list li a {color:#1c1f3d; display:block; margin-bottom:1em; font:17px 'GothamPro Regular', sans-serif}
        .news_list li a:hover {color:#751411;   }


@media (min-width:1200px) {
    .sections .ico+.title {margin-right:100px}
}
@media (max-width:1200px) {


    body {overflow-x:hidden}

    .main_menu {position:relative; padding:0; right:0; margin:100px -26px 0 -26px; top:auto; /**/}
    .main_menu a {display:none}
    .main_menu .sw {display:inline-block; position:absolute; right:26px; margin:0}
    .main_menu.open {padding-top:130px; z-index:100}
    .main_menu.open a {display:block; padding:15px; border-top:#CCCCCC 2px solid; margin:0; background:#FFFFFF}

    .hdr {min-height:280px}

    .logo {left:26px; top:110px; z-index:100; font-size:14px; max-width:70%}

    .hdr .conf {top:40px; margin:0; left:26px}
    .hdr .search {display:none}
    .hdr .to_cab {top:40px; right:26px}

    .container, .main>.container {padding-left:26px; padding-right:26px}
    .wide {margin:0 -26px}

     .sections .ico, .tile .ico {display:none !important}

     .spoiler {padding:25px 35px 25px 25px}
        .spoiler:before {top:25px; right:15px}


    .main {padding-bottom:50px}
    .ftr {position:relative; bottom:auto; background-image:none}
    .ftr .dev, .ftr .copy {float:none !important; margin-bottom:1em; display:block;}

    .index_promo > .container {padding:50px 50px 150px 50px}
    .index_promo .soc {left:50px}

    .index_about .person {position:static; float:right; margin:50px 0}
}

@media (max-width:992px) {
    .partners_list a {margin:0 20px 20px 0; }
}

@media (max-width:768px) {
    .ftr .contacts {margin-top:45px}
   .ftr .contacts h3:before {content:none}
    .ftr .about {padding:25px 0; background:none}
    .index_promo > .container {padding:50px 25px 100px 25px}
    .index_promo .soc {left:25px}
    .menu2 {padding:25px}
    .menu2 > a {padding:10px 0}
    .menu2 .sub { padding: 10px 0 0 25px; }

    .sections .itm.event .b {         right: 25px;            top: 25px;              padding: 25px;                          opacity: 1;      }
    .sections .b {         left: 25px;                  bottom: 25px;                 right: 25px;    }
    .tile .b {         left: 25px;      top:25px;            bottom: 25px;                 right: 25px;    }

    .sections .itm.event .txt {            position: absolute;                bottom: 25px;             left: 25px;          right: 25px;       }
    .conf_list .descr {width:auto; left:25px; right:25px; bottom:25px}



    .c2 {padding-left:0}
}

@media (max-width:640px) {
    .index_promo h2, .sub_hdr .title, h1 {font-size:30px}

    .hdr .conf {display:none/*width:159px*/}
    /*.to_cab {padding-right:0; width:20px}
        .to_cab a {width:100%; overflow:hidden; text-indent:100%; display:block; white-space:nowrap}*/
        .tile .ico {display:none}
}

@media (max-width:480px) {
    .hdr {min-height:300px}
    .logo {margin-top:-20px}
    .sponsors_list img {
        max-width: 100px !important;
        max-height: 40px !important;
    }
    .sponsors_list > li span {
        width: 120px;
    }

    .sponsors_list > a, .sponsors_list > li {width:120px; height:120px}
}

@font-face {
  font-family: 'GothamPro Light';
  src: url('../fonts/GothaProLig.eot');
  src: url('../fonts/GothaProLig.woff') format('woff'), url('../fonts/GothaProLig.ttf') format('truetype'),
  url('../fonts/GothaProLig.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamPro Light';
  src: url('../fonts/GothaProBol.eot');
  src: url('../fonts/GothaProBol.woff') format('woff'), url('../fonts/GothaProBol.ttf') format('truetype'),
  url('../fonts/GothaProBol.svg') format('svg');
  font-weight: bold;
}

@font-face {
  font-family: 'GothamPro Light';
  font-style: italic;
  src: url('../fonts/GothaProLigIta.eot');
  src: url('../fonts/GothaProLigIta.woff') format('woff'), url('../fonts/GothaProLigIta.ttf') format('truetype'),
  url('../fonts/GothaProLigIta.svg') format('svg');
}

@font-face {
  font-family: 'GothamPro Regular';
  src: url('../fonts/GothaProReg.eot');
  src: url('../fonts/GothaProReg.woff') format('woff'), url('../fonts/GothaProReg.ttf') format('truetype'),
  url('../fonts/GothaProReg.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamPro Medium';
  src: url('../fonts/GothaProMed.eot');
  src: url('../fonts/GothaProMed.woff') format('woff'), url('../fonts/GothaProMed.ttf') format('truetype'),
  url('../fonts/GothaProMed.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamPro Black';
  src: url('../fonts/GothaProBla.eot');
  src: url('../fonts/GothaProBla.woff') format('woff'), url('../fonts/GothaProBla.ttf') format('truetype'),
  url('../fonts/GothaProBla.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}