/*
*	GENERAL SETTINGS
*/
body{margin:0px;padding:0px;line-height:22px;color:#000;font-size:13px;font-family:'sinkin_sans400_regular', sans-serif;font-weight:400}

img{border:none;outline:none;display:block}


/*............................................. BEGIN FORMS ..............................................*/
/*
*	GENERAL SETTINGS
*/
input, textarea{-webkit-appearance:none;-webkit-border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box}
input[type="text"], input[type="password"], input[type="number"], input[type="submit"], input[type="file"], textarea, select, button{padding:0;font-family:'sinkin_sans400_regular', sans-serif;font-size:13px;color:#777;background:none;border:none;outline:none}
input[type=submit], button{cursor:pointer}
input[type=number]{-moz-appearance:textfield;box-shadow:none}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input::-moz-focus-inner{border: 0}
input:disabled{opacity:.7}
textarea{resize:none;overflow:hidden}
.custom_select.disabled{opacity:.7}

/*
*	GENERIC
*/
form.generic{padding:20px 0 40px 0}
form.generic.half_width{width:50%;margin:auto}
form.generic h3{margin-bottom:15px}
form.generic h4{margin:0;font-weight:700}
form.generic p{margin:0}
form.generic a{cursor:pointer}
form.generic label{cursor:pointer}
form.generic > table{width:100%;margin-bottom:45px}
form.generic > table td, form.generic table th{padding:0 15px 20px 15px}
form.generic > table th{font-weight:700;text-align:left;text-transform:uppercase}
form.generic > table td:first-child, form.generic table th:first-child{padding-left:0}
form.generic > table td:last-child, form.generic table th:last-child{padding-right:0}
form.generic > table tr:last-child td:last-child{text-align:right}
form.generic input[type="text"], form.generic input[type="password"], form.generic input[type="file"], form.generic textarea{width:100%;height:50px;padding:0 15px;color:#000;border:1px solid #cbcbcb;transition:all .4s;-webkit-transition:all .4s}
form.generic #file_label{height:48px;padding:0 15px;line-height:48px;border:1px solid #cbcbcb;display:block}
form.generic textarea{height:170px}
form.generic ::-moz-placeholder{color:#666;text-transform:uppercase;opacity:1}
form.generic ::-webkit-input-placeholder{color:#666;text-transform:uppercase;opacity:1}
form.generic :-ms-input-placeholder{color:#666;text-transform:uppercase;opacity:1}
/* focus */
form.generic input[type="text"]:focus, form.generic input[type="password"]:focus, form.generic input[type="file"]:focus, form.generic textarea:focus{border-color:#000}
@media all and (max-width: 1010px){	
form.generic.half_width{width:80%}
}
@media all and (max-width: 730px){	
form.generic.half_width{width:100%}
}

/* submit button */
form.generic button{line-height:22px;color:#000;font-family:'sinkin_sans700_bold';font-size:14px;text-transform:uppercase;transition:color .4s;-webkit-transition:color .4s}
form.generic button::after{height:auto;margin-left:4px;line-height:auto;font-size:22px!important;;display:block;float:right}
form.generic button:hover, form.generic button:focus{color:#ecbd1d}
@media all and (max-width: 1024px){
form.generic > table td, form.generic table th{padding-right:15px;padding-left:15px}
}
@media all and (max-width: 730px){
form.generic > table td, form.generic table th{padding-right:0;padding-left:0}
form.generic > table td, form.generic table th{display:block}
}

/* custom select */
form.generic .custom_select{height:48px;padding:0 28px 0 15px;line-height:48px;color:#666;font-size:13px;text-transform:uppercase;border:1px solid #cbcbcb;cursor:pointer;display:block;position:relative}
form.generic .custom_select.disabled{opacity:.7!important}
form.generic .custom_select span{width:0;height:0;margin:auto;border-top:6px solid #777;border-right:6px solid transparent;border-left:6px solid transparent;opacity:.8;display:block;position:absolute;top:0;right:10px;bottom:0}
form.generic .custom_select:hover{color:#777;border-color:#000}
form.generic .custom_select:hover span{opacity:1}

/*
*	CUSTOM INPUTS
*/
/* check box */
.custom_checkbox{width:14px;height:14px;margin-bottom:-4px;background-color:white;border:1px solid #c5c5c5;display:inline-block;position:relative}
.custom_checkbox > span{width:6px;height:6px;margin:auto;background-color:transparent;position:absolute;top:0;right:0;bottom:0;left:0}
.custom_checkbox > span.current{background-color:#c1c1c1}
.custom_checkbox input{width:14px;height:14px;opacity:0;margin:0!important;cursor:pointer;position:absolute;top:0;left:0;z-index:2;display:block}

/*
*	CUSTOM RADIO BUTTON
*/
/* check box */
.custom_radio{width:14px;height:14px;margin-bottom:-4px;background-color:white;border:1px solid #c5c5c5;border-radius:8px;display:inline-block;position:relative}
.custom_radio > span{width:8px;height:8px;margin:auto;background-color:transparent;border-radius:4px;position:absolute;top:0;right:0;bottom:0;left:0}
.custom_radio > span.current{background-color:#c1c1c1}
.custom_radio input{width:14px;height:14px;opacity:0;margin:0!important;cursor:pointer;position:absolute;top:0;left:0;z-index:2;display:block}

/*
*	DATE PICKER
*/
#datepicker{position:relative;display:none;position:relative;z-index:1}
/* calendar pane */
#datepicker > div{margin:auto auto 10px auto;position:absolute;top:0;z-index:2;box-shadow:0px 2px 8px 0px rgba(50, 50, 50, 0.3)}
/* close_btn */
#datepicker .btn_pane{margin-top:-1px;padding:0 10px 10px 10px;background-color:#fff;border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc}
#datepicker span.close{height:40px;line-height:40px;color:#fff;text-align:center;text-transform:uppercase;background-color:#b31c27;cursor:pointer;display:block;transition:background-color .3s;-webkit-transition:background-color .3s}
#datepicker span.close:hover{background-color:#6bb2dd}
/* calendar */
.ui-datepicker{padding:9px;background-color:#fff;border:1px solid #ccc;display:none}
.ui-datepicker-header{height:80px;color:#fff;text-align:center;background-color:#7b7b7b;position:relative;border-bottom:1px solid #ccc}
.ui-datepicker-header a{width:0;height:0;margin:auto;text-indent:-2000em;border-top:8px solid transparent;border-bottom:8px solid transparent;overflow:hidden;position:absolute;top:0;bottom:0;display:block;cursor:pointer}
.ui-datepicker-header a.ui-datepicker-prev{border-right:8px solid #ccc;left:20px}
.ui-datepicker-header a.ui-datepicker-prev:hover{border-right-color:#fff}
.ui-datepicker-header a.ui-datepicker-next{border-left:8px solid #ccc;right:20px}
.ui-datepicker-header a.ui-datepicker-next:hover{border-left-color:#fff}
.ui-datepicker-header .ui-datepicker-title{height:40px;line-height:40px;padding:20px 40px;font-size:16px}
.ui-datepicker-header .ui-datepicker-title select{height:40px;margin:0 10px;color:#fff;font-size:16px;text-transform:uppercase;background-color:#7b7b7b;border:none;outline:none}
.ui-datepicker-calendar{font-size:14px;background-color:#999;border-collapse:separate!important;border-spacing:2px}
.ui-datepicker-calendar th{height:40px;padding:0!important;color:#fff;font-size:12px;font-weight:400;text-transform:uppercase}
.ui-datepicker-calendar td{width:40px;height:40px;padding:0!important;text-align:center;}
.ui-datepicker-calendar tbody a, .ui-datepicker-calendar tbody span{height:40px;line-height:40px;color:#fff;text-align:center;display:block}
.ui-datepicker-calendar tbody a{background-color:#afafaf}
.ui-datepicker-calendar a:hover{background-color:#6bb2dd}
.ui-datepicker-calendar .ui-state-highlight{background-color:#cdcdcd}
.ui-datepicker-calendar .ui-state-active{background-color:#2a90ce}
/*.............................................. END FORMS ...............................................*/


/*............................................. BEGIN ICONS ..............................................*/
.icon::before, .icon::after{font-family:"Ionicons";font-style:normal}
/* icons */
.icon.lock::after{content:'\f392'}
.icon.chat::after{content:'\f2d4'}
.icon.globe::after{content:'\f38c'}
.icon.eye::after{content:'\f133'}
.icon.people::after{content:'\f47c'}
.icon.prev::after{content:'\f3cf'}
.icon.next::after{content:'\f3d1'}
/* menu */
.icon.menu::after{font-size:16px}
/* arrows */
.icon.arrow::after{font-size:26px;cursor:pointer}
/* close */
.icon.close::after{content:'\f2d7';font-size:20px}
/* company */
.icon.company{font-size:40px}
/* map pin */
.icon.pin::after{content:'\f456';line-height:28px;font-size:28px}
/* ribbon */
.icon.ribbon::before{content:'\f349';font-size:30px}
/* calendar */
.icon.calendar::before{content:'\f2d1';font-size:20px}
/* flash */
.icon.flash::before{content:'\f137';font-size:30px}
/* social networks */
.icon.facebook::before{content:'\f231'}
.icon.youtube::before{content:'\f24d'}
/* scrolldown */
.icon.scrolldown::after{content:"\f3d4"}
/*.............................................. END ICONS ...............................................*/


/*............................................. BEGIN LAYOUT .............................................*/
/*
*	BACKGROUNDS
*/
.light_grey_bg{background-color:#f7f7f7}
.medium_grey_bg{background-color:#e2e2e2}

/*
*	HIGHLIGHTS
*/
.highlight{padding:70px 70px 35px 70px;color:#6f6f6f;text-align:center}
.highlight h2{color:#ecbd1d;}
.highlight h3{margin-bottom:0}
.highlight hr{width:80%;height:1px;margin:35px auto 0 auto;background-color:#bbb;border:none}
.highlight p{margin:0 0 20px 0;line-height:30px;font-size:14px}
.highlight p:last-of-type{margin-bottom:0}
.highlight ul{list-style:none}
.highlight ul li::before{margin-right:4px;content:'\00b7';font-size:33px;display:inline-block;position:relative;top:9px}
@media all and (max-width: 730px){
.highlight{padding:35px 0}
.highlight p{line-height:25px;font-size:12px}
}

/*
*	BANNER
*/
.banner{padding:60px 0;text-transform:uppercase;background-repeat:no-repeat;background-position:center;background-size:cover}
/* wallpapers */
.banner.eolica{color:#fff;background-image:url(../Images/Banners/eolica.jpg)}
.banner.jobs{color:#fff;background-image:url(../Images/Banners/jobs.jpg)}
.banner.company{height:350px;color:#fff;background-image:url(../Images/Banners/company.jpg)}
/* text */
.banner h2{margin:0 0 15px 0;line-height:60px;font-size:50px;text-shadow:3px 3px 4px rgba(0, 0, 0, .25)}
.banner p{width:50%;margin:0 0 30px 0;line-height:35px;font-size:16px;text-shadow:2px 2px 3px rgba(0, 0, 0, .25)}
.banner a{height:60px;padding:0 40px;line-height:60px;color:#ecbd1d;font-family:'sinkin_sans700_bold';font-size:16px;background-color:#fff;display:inline-block;position:relative;z-index:0}
.banner a::before{width:0;margin:auto;content:'';background-color:#000;opacity:0;display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out}
.banner a:hover::before{width:100%;opacity:1}
@media all and (max-width: 1010px){
.banner{padding:50px 0}
.banner h2{line-height:50px;font-size:40px}
.banner p{width:80%;line-height:30px;font-size:14px}
}
@media all and (max-width: 730px){
.banner{padding:40px 0}
.banner h2{line-height:45px;font-size:28px}
.banner p{width:100%;line-height:24px;font-size:13px}
.banner a{font-size:14px}
}

/*
*	CONTENT WRAPPER
*/
.content_wrapper{padding-bottom:70px}
/*.............................................. END LAYOUT ..............................................*/


/*............................................. BEGIN COMPANY ............................................*/
.topics{margin:auto;padding-bottom:70px}
.topics .rec{width:312px;margin-bottom:30px;padding:0 27px;text-align:center;float:left;position:relative}
.topics .rec::after{width:50%;height:2px;content:'';background-color:#ecbd1d;display:block;position:absolute;top:43px;right:-25%}
.topics .rec:nth-child(3n)::after{display:none}
/* icon */
.topics .rec .image{width:84px;height:84px;margin:0 auto 25px auto;color:#ecbd1d;display:block;position:relative}
.topics .rec .image::after{height:40px;line-height:40px;margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.topics .rec .image img{max-width:84px;max-height:84px;margin:auto;display:block}
.topics .rec h2{height:46px;line-height:23px;font-size:16px;overflow:hidden}
@media all and (max-width: 1230px){
.topics{margin:0 1px}
.topics .rec{width:276px;padding:0 25px}
}
@media all and (max-width: 1010px){
.topics{margin:0 2px}
.topics .rec{width:192px;padding:0 20px}
}
@media all and (max-width: 730px){
.topics{margin:30px 0 0}
.topics .rec::after{display:none}
.topics .rec{width:auto;padding:0}
}
/*............................................. END COMPANY ..............................................*/


/*............................................ BEGIN CONTACTS ............................................*/
.contacts_pane{padding-top:70px}

/*
*	LOCATIONS
*/
.contacts_pane .locations{height:430px;margin-right:212px;padding-right:100px;position:relative}
.contacts_pane .locations .loc{width:100%;height:100%;display:none;position:absolute;top:0;left:0}
.contacts_pane .locations .loc .cell{padding:50px;display:table-cell;vertical-align:middle}
.contacts_pane .locations .loc h3{margin-bottom:0}
.contacts_pane .locations .loc p{color:#6f6f6f}
@media all and (max-width: 1010px){

}
@media all and (max-width: 730px){
}

/*
*	MAP
*/
.contacts_pane .map{width:212px;height:430px;background:url(../Images/Contacts/portugal_map.jpg) no-repeat top left;float:right;position:relative}
.contacts_pane .map .icon.pin{height:28px;display:block;position:absolute}
.contacts_pane .map .icon.pin::after{transition:color .4s;-webkit-transition:color .4s}
.contacts_pane .map .icon.pin span{width:100px;height:50px;margin-left:-50px;line-height:50px;font-family:'sinkin_sans500_medium', sans-serif;font-size:13px;text-align:center;text-transform:uppercase;background-color:#ecbd1d;display:none;position:absolute;bottom:40px;left:50%;transition:opacity .4s;-webkit-transition:opacity .4s}
.contacts_pane .map .icon.pin span::after{width:0;height:0;margin:auto;content:'';border-top:7px solid #ecbd1d;border-right:7px solid transparent;border-left:7px solid transparent;display:block;position:absolute;right:0;bottom:-5px;left:0}
/* hover */
.contacts_pane .map .icon.pin.active::after{color:#ecbd1d}

/*
*	CONTACT FORM
*/
.contact_form{margin-top:40px;padding:40px 65px}
.contact_form header{text-align:center}
.contact_form header h3{color:#6f6f6f}
@media all and (max-width: 1010px){
.contact_form{margin-top:30px;padding:30px 20px}
}
@media all and (max-width: 730px){
.contact_form{margin-top:20px;padding:20px 0}
}
/*............................................. END CONTACTS .............................................*/


/*..................................... BEGIN INTERNATIONAL PRESENCE .....................................*/
/*
*	WORLD MAP
*/
.world_map{width:961px;height:479px;margin:0 auto 50px auto;background:url(../Images/InternationalPresence/world_map.jpg) no-repeat top left;position:relative}
/* pins */
.world_map .icon.pin{width:16px;height:28px;color:#ecbd1d;display:block;position:absolute;transition:color .4s;-webkit-transition:color .4s}
/* captions */
.world_map .icon.pin .caption{width:280px;height:60px;margin-left:-140px;padding:25px 0;color:#fff;text-align:center;text-transform:uppercase;background-color:#000;display:none;position:absolute;bottom:40px;left:50%;z-index:1}
.world_map .icon.pin .caption::after{width:0;height:0;margin:auto;content:'';border-top:7px solid #000;border-right:7px solid transparent;border-left:7px solid transparent;display:block;position:absolute;right:0;bottom:-5px;left:0}
.world_map .icon.pin .caption h5{height:26px;margin:0;line-height:26px;font-family:'sinkin_sans500_medium', sans-serif;font-size:14px}
.world_map .icon.pin .caption p{height:34px;margin:0;line-height:34px;font-family:'sinkin_sans300_light', sans-serif;font-size:28px}
/* hover */
.world_map .icon.pin:hover{color:#000}
@media all and (max-width:1230px){
.world_map.international{display:none}	
}

/*
*	LOCATIONS LIST
*/
.inter_locations_pane{display:none}
/* captions */
.inter_locations_pane .caption{width:230px;height:60px;margin:0 20px 20px 0;padding:25px 0;color:#fff;text-align:center;text-transform:uppercase;background-color:#000;float:left}
.inter_locations_pane .caption h5{height:26px;margin:0;line-height:26px;font-family:'sinkin_sans500_medium', sans-serif;font-size:14px}
.inter_locations_pane .caption p{height:34px;margin:0;line-height:34px;font-family:'sinkin_sans300_light', sans-serif;font-size:28px}
@media all and (max-width: 1230px){
.inter_locations_pane{display:block}
}
@media all and (min-width: 1011px){
.inter_locations_pane .caption:nth-child(4n){margin-right:0}	
}
@media all and (max-width: 1010px){
.inter_locations_pane .caption{width:218px;margin-right:22px}
}
@media all and (max-width: 1010px) and (min-width: 731px){
.inter_locations_pane .caption:nth-child(3n){margin-right:0}	
}
@media all and (max-width: 730px){
.inter_locations_pane .caption{width:auto;margin-right:0;float:none}
}
/*...................................... END INTERNATIONAL PRESENCE ......................................*/


/*.......................................... BEGIN EOLICA ABOUT ..........................................*/
.about_eolica{padding-bottom:70px;background-color:#ecbd1d}

/*
*	HEADER
*/
.about_eolica .highlight h2{color:#000}

/*
*	FEATURES
*/
.about_eolica .feat{width:360px;margin:0 10px 20px 0;float:left}
.about_eolica .feat:nth-child(3n){margin-right:0}
/* image */
.about_eolica .feat .image{height:288px;margin-bottom:5px;position:relative}
.about_eolica .feat .image img{max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4}
.about_eolica .feat .image .caption{width:100%;height:100%;display:table;position:absolute}
.about_eolica .feat .image .caption h3{font-family:'sinkin_sans700_bold';font-size:30px;text-align:center;display:table-cell;vertical-align:middle}
/* text */
.about_eolica .feat .text{padding:30px 30px 50px 30px;background-color:#fff}
.about_eolica .feat .text h4{margin:0 0 10px 0;font-size:18px;text-transform:uppercase}
.about_eolica .feat .text p{margin:0}
@media all and (max-width:1230px){
.about_eolica .feat{width:320px}
.about_eolica .feat .image{height:256px}
.about_eolica .feat .image .caption h3{font-size:28px}
}
@media all and (max-width:1010px){
.about_eolica .feat{width:228px;margin-right:8px}
.about_eolica .feat .image{height:182px}
.about_eolica .feat .image .caption h3{font-size:24px}
.about_eolica .feat .text h4{font-size:16px}
.about_eolica .feat .text p{line-height:20px;font-size:12px}
}
@media all and (max-width:730px){
.about_eolica .feat{width:300px}
.about_eolica .feat .image{height:240px}
.about_eolica .feat .image .caption h3{font-size:26px}
}
/*........................................... END EOLICA ABOUT ...........................................*/


/*......................................... BEGIN EOLICA CONTACTS ........................................*/
/*
*	MAP
*/
.eolica_map{height:450px}

/*
*	CONTACTS
*/
.eolica_contacts{padding:50px 80px}
.eolica_contacts .col{width:50%;float:left}
.eolica_contacts .col.left .inner{padding-right:40px}
.eolica_contacts .col.right .inner{padding-left:40px;text-align:left}
.eolica_contacts .col h3{margin:0;font-family:'sinkin_sans700_bold'}
.eolica_contacts .col p{margin:0;line-height:30px;color:#6f6f6f;font-size:16px}
@media all and (max-width:1010px){
.eolica_contacts .col p{line-height:26px;font-size:14px}
}
@media all and (max-width:730px){
.eolica_contacts{padding:30px 15px}
.eolica_contacts .col{width:100%;float:none}
.eolica_contacts .col.left .inner{margin-bottom:15px;padding-right:0}
.eolica_contacts .col.right .inner{padding-left:0}
.eolica_contacts .col.left .inner, .eolica_contacts .col.right .inner{text-align:center}
}
/*.......................................... END EOLICA CONTACTS .........................................*/


/*............................................. BEGIN LISTS ..............................................*/
/*
*	GROUP
*/
.group-slideshow-wrapper{position:relative}

.group-slideshow .slide{height:170px;position:relative;outline:none}
.group-slideshow .slide img{max-width:100%;max-height:100%;margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0}

/* arrows */
.group-slideshow-wrapper .arrow{position:absolute;top:-40px;display:none;outline:none}
.group-slideshow-wrapper .arrow.prev{left:0}
.group-slideshow-wrapper .arrow.next{right:0}
@media all and (max-width: 730px){
.group-slideshow-wrapper .arrow{top:auto;bottom:0}
.group-slideshow-wrapper .arrow.prev{left:44%}
.group-slideshow-wrapper .arrow.next{right:44%}
}


/*
*	LIST 1 (Areas, News & Homepage highlighted projects)
*/
.list_1 .rec{width:360px;height:288px;margin:0 10px 20px 0;background-color:#ecbd1d;position:relative;overflow:hidden;float:left}
/* image */
.list_1 .rec img{max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity .35s;-webkit-transition:opacity .35s}
/* caption */
.list_1 .rec .caption{margin:auto;padding:20px;text-align:center;text-transform:uppercase;position:absolute;top:20px;right:20px;bottom:20px;left:20px;overflow:hidden}
.list_1 .rec .ttb, .list_1 .rec .btt{opacity:0;transition:all .5s;-webkit-transition:all .5s}
.list_1 .rec .caption h4{height:40px;margin:0;font-size:16px;font-family:'sinkin_sans700_bold';overflow:hidden}
.list_1.news .rec .caption h4{height:80px}
/* borders */
.list_1 .rec::before, .list_1 .rec::after{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;transition:all .5s;-webkit-transition:all .5s}
.list_1 .rec::before{border-top:2px solid #fff;border-bottom:2px solid #fff;transform:scale(0,1);-webkit-transform:scale(0,1)}
.list_1 .rec::after{border-right:2px solid #fff;border-left:2px solid #fff;transform:scale(1,0);-webkit-transform:scale(1,0)}
/* date */
.list_1 .rec .date{margin:0;position:absolute;right:0;bottom:0;left:0}
/* magnifier */
.list_1 .rec .magnifier{width:70px;height:70px;margin:auto;line-height:70px;text-align:center;background-color:#fff;border-radius:50%;position:absolute;right:0;bottom:20px;left:0}
.list_1 .rec .magnifier::before{content:'\f2f5';font-size:35px;font-family:"Ionicons"}
/* link */
.list_1 .rec a{width:100%;height:100%;margin:auto;text-indent:-2000em;display:block;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}
/* hover */
.list_1 .rec:hover img{opacity:.2}
.list_1 .rec:hover::before, .list_1 .rec:hover::after{opacity:1;transform:scale(1);-webkit-transform:scale(1)}
.list_1 .rec:hover .ttb, .list_1 .rec:hover .btt{opacity:1}
.list_1 .rec:hover .ttb{transform:translateY(30px);-webkit-transform:translateY(30px)}
.list_1 .rec:hover .btt {transform:translateY(-30px);-webkit-transform:translateY(-30px)}
@media all and (max-width: 1230px){
.list_1 .rec{width:320px;height:256px}
}
@media all and (min-width: 1011px){
.list_1 .rec:nth-child(3n){margin-right:0}
}
@media all and (max-width: 1010px){
.list_1 .rec{width:345px;height:276px}
}
@media all and (max-width: 1010px) and (min-width: 731px){
.list_1 .rec:nth-child(2n){margin-right:0}
}
@media all and (max-width: 730px){
.list_1 .rec{width:300px;height:240px}
}


/*
*	LIST 2 (Products Categories Lists)
*/
.list_2 .rec{width:340px;height:340px;margin:0 40px 40px 0;background-color:#ecbd1d;position:relative;overflow:hidden;float:left}
.list_2 .rec:nth-child(5n){width:720px}
/* image */
.list_2 .rec img{max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
/* caption */
.list_2 .rec .caption{margin:auto;height:100px;text-align:center;text-transform:uppercase;background-color:rgba(236, 189, 29, .85);position:absolute;right:20px;bottom:20px;left:20px;overflow:hidden;transition:all .5s;-webkit-transition:all .5s}
.list_2 .rec .caption::before{width:20px;height:20px;margin:auto;content:'\f2f8';font-size:20px;font-family:"Ionicons";opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .5s;-webkit-transition:all .5s}
.list_2 .rec .caption .table{width:100%;height:100px;display:table;position:absolute;right:0;bottom:0;left:0}
.list_2 .rec .caption .table .cell{padding:20px;display:table-cell;vertical-align:middle}
.list_2 .rec .caption .table .cell h4{height:60px;line-height:30px;margin:0;font-size:16px;font-family:'sinkin_sans700_bold';overflow:hidden}
/* link */
.list_2 .rec a{width:100%;height:100%;margin:auto;text-indent:-2000em;display:block;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}
/* hover */
.list_2 .rec:hover .caption{height:300px}
.list_2 .rec:hover .caption::before{opacity:1}
@media all and (max-width: 1230px){
.list_2 .rec{width:312px;height:312px;margin-right:22px;margin-bottom:30px}
.list_2 .rec:nth-child(5n){width:646px}
/* hover */
.list_2 .rec:hover .caption{height:272px}
}
@media all and (min-width: 1011px){
.list_2 .rec:nth-child(5n - 2), .list_2 .rec:nth-child(5n){margin-right:0}
}
@media all and (max-width: 1010px){
.list_2 .rec{width:339px;height:339px}
.list_2 .rec:nth-child(5n){width:700px}
/* hover */
.list_2 .rec:hover .caption{height:299px}
}
@media all and (max-width: 1010px) and (min-width: 731px){
.list_2 .rec:nth-child(5n - 1), .list_2 .rec:nth-child(5n - 3), .list_2 .rec:nth-child(5n){margin-right:0}
}
@media all and (max-width: 730px){
.list_2 .rec{width:300px;height:300px}
.list_2 .rec:nth-child(5n){width:300px}
/* hover */
.list_2 .rec:hover .caption{height:260px}
}


/*
*	LIST 3 (Products & Projects)
*/
.list_3 .rec{width:340px;margin:0 40px 40px 0;float:left;position:relative}
/* image */
.list_3 .rec .image{height:340px;margin-bottom:15px;background-color:#ecbd1d;overflow:hidden;position:relative}
.list_3 .rec img{max-width:100%;max-height:100%;margin:auto;opacity:1;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .4s;-webkit-transition:opacity .4s}
/* title */
.list_3 .rec h4{height:90px;line-height:30px;margin:0;color:#000;font-size:16px;font-family:'sinkin_sans700_bold';overflow:hidden;transition:color .4s;-webkit-transition:color .4s}
/* full size link */
.list_3 .rec a{width:100%;height:100%;text-indent:-2000em;opacity:0;position:absolute;top:0;left:0;overflow:hidden}
/* hover */
.list_3 .rec:hover h4{color:#ecbd1d}
.list_3 .rec:hover .image img{opacity:.6}
@media all and (max-width: 1230px){
.list_3 .rec{width:312px;margin-right:22px;margin-bottom:30px}
.list_3 .rec .image{height:312px}
}
@media all and (min-width: 1011px){
.list_3 .rec:nth-child(3n){margin-right:0}
}
@media all and (max-width: 1010px){
.list_3 .rec{width:339px}
.list_3 .rec .image{height:339px}
}
@media all and (max-width: 1010px) and (min-width: 731px){
.list_3 .rec:nth-child(2n){margin-right:0}
}
@media all and (max-width: 730px){
.list_3 .rec{width:300px}
.list_3 .rec .image{height:300px}
}


/*
*	LIST 4 (Areas, News & Homepage highlighted projects)
*/
.list_4 .rec{width:360px;height:360px;margin:0 10px 20px 0;background-color:#ecbd1d;position:relative;overflow:hidden;float:left}
/* image */
.list_4 .rec img{max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity .35s;-webkit-transition:opacity .35s}
/* caption */
.list_4 .rec .caption{margin:auto;padding:20px;text-align:center;text-transform:uppercase;position:absolute;top:20px;right:20px;bottom:20px;left:20px;overflow:hidden}
.list_4 .rec .ttb, .list_4 .rec .btt{opacity:0;transition:all .5s;-webkit-transition:all .5s}
.list_4 .rec .caption h4{height:40px;margin:0;font-size:16px;font-family:'sinkin_sans700_bold';overflow:hidden}
.list_4.news .rec .caption h4{height:80px}
/* borders */
.list_4 .rec::before, .list_4 .rec::after{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;transition:all .5s;-webkit-transition:all .5s}
.list_4 .rec::before{border-top:2px solid #fff;border-bottom:2px solid #fff;transform:scale(0,1);-webkit-transform:scale(0,1)}
.list_4 .rec::after{border-right:2px solid #fff;border-left:2px solid #fff;transform:scale(1,0);-webkit-transform:scale(1,0)}
/* date */
.list_4 .rec .date{margin:0;position:absolute;right:0;bottom:0;left:0}
/* magnifier */
.list_4 .rec .magnifier{width:70px;height:70px;margin:auto;line-height:70px;text-align:center;background-color:#fff;border-radius:50%;position:absolute;right:0;bottom:20px;left:0}
.list_4 .rec .magnifier::before{content:'\f2f5';font-size:35px;font-family:"Ionicons"}
/* link */
.list_4 .rec a{width:100%;height:100%;margin:auto;text-indent:-2000em;display:block;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}
/* hover */
.list_4 .rec:hover img{opacity:.2}
.list_4 .rec:hover::before, .list_4 .rec:hover::after{opacity:1;transform:scale(1);-webkit-transform:scale(1)}
.list_4 .rec:hover .ttb, .list_4 .rec:hover .btt{opacity:1}
.list_4 .rec:hover .ttb{transform:translateY(30px);-webkit-transform:translateY(30px)}
.list_4 .rec:hover .btt {transform:translateY(-30px);-webkit-transform:translateY(-30px)}
@media all and (max-width: 1230px){
.list_4 .rec{width:320px;height:256px}
}
@media all and (min-width: 1011px){
.list_4 .rec:nth-child(3n){margin-right:0}
}
@media all and (max-width: 1010px){
.list_4 .rec{width:345px;height:276px}
}
@media all and (max-width: 1010px) and (min-width: 731px){
.list_4 .rec:nth-child(2n){margin-right:0}
}
@media all and (max-width: 730px){
.list_4 .rec{width:300px;height:240px}
}

/*
*	DOCUMENTS
*/
.documents{margin-bottom:70px;border-top:1px solid #ccc}
.documents .doc{padding:8px 0;background-color:#fff;border-bottom:1px solid #ccc;position:relative}
.documents .doc .table{width:100%;height:50px;display:table;transition:all .4s;-webkit-transition:all .4s}
.documents .doc .cell{padding:0 280px 0 70px;display:table-cell;vertical-align:middle}
.documents .doc h3{margin:0}
.documents .doc h3::before{margin-right:4px;vertical-align:middle;display:inline-block}
.documents .doc a{margin:auto;display:block;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .4s;-webkit-transition:all .4s}
.documents .doc a > span{height:22px;margin:auto;line-height:22px;color:#000;font-family:'sinkin_sans700_bold';text-align:right;text-transform:uppercase;position:absolute;top:0;right:70px;bottom:0}
.documents .doc a > span::after{margin-left:4px;float:right}

/* hover */
.documents .doc:hover .table{height:100px;line-height:66px;background-color:#f2f2f2}
.documents .doc:hover a{opacity:1}
@media screen and (max-width:730px){
.documents .doc .cell{padding:0 35px 0 15px}
.documents .doc h3{font-size:14px}
.documents .doc a > span{right:15px}
.documents .doc a > span .string{display:none}
}
/*.............................................. END LISTS ...............................................*/

/*............................................ BEGIN DETAIL ..............................................*/
/*
*	CONTENT
*/
.detail_content{padding:70px;text-align:center}
.detail_content header{margin-bottom:70px}
.detail_content article{line-height:35px;color:#6f6f6f;font-size:16px;}
.detail_content article ul{list-style:none}
.detail_content article ul li::before{margin-right:4px;content:'\00b7';font-size:33px;display:inline-block;position:relative;top:9px}
@media screen and (max-width:1230px){
.detail_content{padding:60px}
.detail_content header{margin-bottom:60px}
}
@media screen and (max-width:1010px){
.detail_content{padding:50px}
.detail_content header{margin-bottom:50px}
.detail_content article{line-height:30px}
}
@media screen and (max-width:730px){
.detail_content{padding:30px 15px}
.detail_content header{margin-bottom:40px}
.detail_content article{line-height:25px;font-size:13px}
}

/*
*	NAVIGATION
*/
nav.records_nav{margin-top:70px;padding:30px 0;text-align:center;border-top:1px solid #ecbd1d}
nav.records_nav a{line-height:24px;color:#6f6f6f;font-size:13px;text-transform:uppercase;display:block;position:relative;transition:color .4s;-webkit-transition:color .4s}
nav.records_nav a::after{font-size:20px!important;position:absolute;top:1px}
nav.records_nav a.prev, nav.records_nav a.next{max-width:38%;position:relative}
nav.records_nav a.prev{padding-left:16px;text-align:left;float:left}
nav.records_nav a.prev::after{left:0}
nav.records_nav a.next{padding-right:16px;text-align:right;float:right}
nav.records_nav a.next::after{right:0}
nav.records_nav a.close{max-width:24%;margin:auto}
nav.records_nav a.close::after{margin:auto;font-size:24px;right:0;left:0;display:none}
/* hover */
nav.records_nav a:hover{color:#ecbd1d}
@media screen and (max-width:1230px){
nav.records_nav a b{display:none}
}
@media screen and (max-width:1010px){
nav.records_nav a.prev, nav.records_nav a.next{max-width:100%}
nav.records_nav a .string{display:none}
nav.records_nav a .arrow{font-size:34px;top:-6px}
}
@media screen and (max-width:730px){
nav.records_nav a > span{display:none}
nav.records_nav a.close::after{display:block}
}
/*.............................................. END DETAIL ..............................................*/


/*............................................. BEGIN RULERS .............................................*/
hr.clear{height:0;margin:0;border:none;clear:both}
hr.hline{height:1px;margin:20px 0;background-color:#dedede;border:none}
/*.............................................. END RULERS ..............................................*/


/*............................................ BEGIN TEMPLATE ............................................*/
/*
*	WIDTH CONTAINER
*/
.width_container{width:1100px;margin:0 auto}
@media screen and (max-width:1230px){
.width_container{width:980px}
}
@media screen and (max-width:1010px){
.width_container{width:700px}
}
@media screen and (max-width:730px){
.width_container{width:300px}
}

/*
*	TOP BAR
*/
.top_bar.absolute{width:100%;position:absolute;top:0;left:0;z-index:1}
/* logo */
.top_bar h1{width:210px;height:80px;margin:0;padding:0;background-color:#fff;position:relative;overflow:hidden;float:left}
.top_bar h1 a{height:100%;text-indent:-2000em;background:url(../Images/grupo_tagar_logo.png) no-repeat center;display:block;overflow:hidden;position:relative}
/* nav */
.top_bar nav{height:80px;margin-left:210px}

.top_bar .bar{height:40px;font-size:13px;text-transform:uppercase;letter-spacing:1px}
.top_bar .bar a{text-align:center;transition:color .4s;-webkit-transition:color .4s}
/* top menu */
.top_bar .top{margin:0;padding:0;list-style:none}
.top_bar .top li{background-color:#000}
.top_bar .top > li{height:40px;position:relative}
.top_bar .top > li a{height:40px;line-height:40px;color:#fff;overflow:hidden}
.top_bar .top > li > a{cursor:pointer;display:none}
.top_bar .top > li ul{width:100%;height:100%;margin:0;padding:0;list-style:none;display:table;position:absolute;top:0;left:0;z-index:1}
.top_bar .top > li ul li{display:table-cell;vertical-align:middle}
.top_bar .top > li ul li a{display:block}
.top_bar .top > li a:hover, .top_bar .top > li a.active{color:#ecbd1d}
/* bottom menu */
.top_bar .bottom > ul{width:100%;height:40px;margin:0;padding:0;list-style:none;display:table}
.top_bar .bottom > ul > li{margin:0;display:table-cell;vertical-align:middle;position:relative}
.top_bar .bottom > ul > li > ul{min-width:100%;margin:0;padding:0;list-style:none;position:absolute;z-index:1;top:40px;left:0;display:none}
.top_bar .bottom a{height:40px;line-height:40px;color:#000;white-space:nowrap;background-color:#ecbd1d;display:block;cursor:pointer;overflow:hidden}
.top_bar .bottom a::after{margin-left:5px}
.top_bar .bottom > ul > li:hover > a, .top_bar .bottom a:hover, .top_bar .bottom a.active{color:#ecbd1d;background-color:#000}
@media screen and (max-width:1010px){
.top_bar .bar{font-size:12px}
/* top menu */
.top_bar .top > li > a{display:block}
.top_bar .top > li ul{height:auto;top:40px;display:none}
.top_bar .top > li ul li{display:block}
/* bottom menu */
.top_bar .bottom > ul > li{width:1%}
.top_bar .bottom > ul > li > a span{display:none}
.top_bar .bottom a::after{margin-left:0}
}
@media screen and (max-width:730px){
/* logo */
.top_bar h1{width:auto;float:none}
/* nav */
.top_bar nav{margin-left:0}
}

/*
*	SLIDESHOW
*/
.slideshow_wrapper{min-height:480px;color:#fff;background-color:#fff;position:relative;clear:both;overflow:hidden}
.slideshow{width:100%;height:100%;position:absolute;top:0;left:0}
/* slide */
.slideshow .slide{min-height:480px;background-repeat:no-repeat;background-color:#000;position:relative;overflow:hidden;cursor:pointer}
/* image */
.slideshow img{min-width:100%;min-height:100%;margin:auto;opacity:.85;position:absolute;top:-9999px;right:-9999px;bottom:-9999px;left:-9999px}
/* caption */
.slideshow h3{width:580px;height:40px;margin:auto;padding:20px;line-height:40px;color:#000;font-family:'sinkin_sans400_regular';font-size:25px;text-align:center;text-transform:none;background-color:rgba(255, 255, 255, .7);overflow:hidden;position:absolute;bottom:100px;right:0;left:0}
/* slide dots */
.slideshow .slick-dots{margin:auto;padding:30px;text-align:center;position:absolute;right:0;bottom:0;left:0;overflow:hidden}
.slideshow .slick-dots li{padding:0 5px;display:inline-block}
.slideshow .slick-dots li button{width:15px;height:15px;text-indent:-2000em;background-color:#000;border:none;border-radius:50%;display:block;overflow:hidden}
.slideshow .slick-dots li button:hover, .slideshow .slick-dots li button:focus, .slick-dots li.slick-active button{background-color:#ecbd1d}
/* gallery button */
.slideshow_wrapper .gall_btn{width:550px;height:80px;margin:auto;line-height:80px;color:#000;font-size:18px;text-align:center;text-transform:uppercase;background-color:rgba(255, 255, 255, .9);position:absolute;right:0;bottom:30px;left:0}
@media all and (max-width: 1010px){
.slideshow h3{width:400px;height:auto;line-height:35px;font-size:22px}
}
@media all and (max-width: 730px){
.slideshow h3{width:240px;line-height:30px;font-size:18px}
.slideshow_wrapper .gall_btn{width:270px;height:auto;padding:15px;line-height:26px;font-size:14px}
}

/*
*	TALK
*/
.talk{padding-bottom:60px;color:#fff;background-color:#ecbd1d}
.talk h2, .talk h3{color:#fff}
/* form */
.talk form{width:350px;height:56px;margin-right:25px;text-align:left;float:left}
.talk form input, .talk form button{height:56px;margin:0;padding:0;color:#fff;font-size:30px;display:block;float:left;transition:color .4s, background-color .4s;-webkit-transition:color .4s, background-color .4s}
.talk form input, .talk form button:hover{color:#fff;background-color:#000}
.talk form input, .talk form button::after{content:'\f384'}
.talk form input[type="text"]{width:284px;padding:0 20px;color:#000;font-size:16px;text-transform:none;background-color:#fff;border-radius:4px 0 0 4px}
.talk form input[type="text"]::-webkit-input-placeholder{color:#000;text-transform:uppercase;opacity:1}
.talk form input[type="text"]:-moz-placeholder{color:#000;text-transform:uppercase;opacity:1}
.talk form input[type="text"]::-moz-placeholder{color:#000;text-transform:uppercase;opacity:1}
.talk form input[type="text"]::-ms-input-placeholder{color:#000;text-transform:uppercase;opacity:1}
.talk form button{width:56px;font-family:"Ionicons";background-color:#d4a507;border:none;border-radius:0 4px 4px 0}
@media all and (max-width:1230px){
.talk form{width:310px}
.talk form input[type="text"]{width:254px}
}
@media all and (max-width:1010px){
.talk form{width:220px;margin-right:20px}
.talk form input[type="text"]{width:164px;padding:0 15px;font-size:13px}
}
@media all and (max-width:730px){
.talk form{width:300px;margin-bottom:10px;margin-right:0}
.talk form input[type="text"]{width:244px;padding:0 15px;font-size:13px}
}

/* links */
.talk a{width:254px;height:56px;padding:0 76px 0 20px;line-height:56px;color:#000;font-size:16px;text-transform:uppercase;text-align:left;background-color:#fff;border-radius:4px;overflow:hidden;display:block;float:left;position:relative;z-index:0;transition:color .4s, background-color .4s;-webkit-transition:color .4s, background-color .4s}
.talk a::before{width:56px;margin:auto;color:#fff;font-size:30px;font-family:"Ionicons";text-align:center;background-color:#d4a507;display:block;position:absolute;top:0;right:0;bottom:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out}
.talk a.chat{margin-right:25px}
.talk a.chat::before{content:'\f2d4'}
.talk a.people::before{content:'\f47c'}
.talk a::after{width:0;margin:auto;content:'';background-color:#d4a507;opacity:0;display:block;position:absolute;top:0;right:56px;bottom:0;z-index:-1;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out}
.talk a:hover{color:#fff}
.talk a:hover::after, .talk a:hover::before{background-color:#000}
.talk a:hover::after{width:100%;opacity:1}

/* eolica */
.talk.eolica{padding-top:100px;padding-bottom:100px;color:#000;background:url(../Images/Banners/eolica_talk_teaser.jpg) no-repeat center /cover}
.talk.eolica h2{color:#000}
.talk.eolica h3{margin-bottom:40px}
.talk.eolica a.chat{margin:auto;float:none}
.talk.eolica a.chat::before{background-color:#000}
@media all and (max-width:1230px){
.talk a{width:214px}
}
@media all and (max-width:1010px){
.talk a{width:134px;padding:0 71px 0 15px;font-size:14px}
.talk a.chat{margin-right:20px}
}
@media all and (max-width:730px){
.talk a{width:204px;height:56px;padding:0 76px 0 20px}
.talk a.chat{margin-bottom:10px;margin-right:0}
}


/*
*	FOOTER
*/
.footer{padding:40px 0;font-size:14px;text-transform:uppercase}
/* social networks */
.footer ul{margin:0;padding:0;list-style:none;float:right}
.footer ul li{float:left}
.footer ul li:not(:first-child){margin-left:5px}
.footer ul li a{width:40px;height:40px;line-height:40px;color:#fff;font-size:22px;text-align:center;background-color:#000;border-radius:4px;display:block;transition:background-color .5s;-webkit-transition:background-color .5s}
.footer ul li a::before{display:block}
.footer ul li a span{display:none}
.footer ul li a:hover{background-color:#d4a507}
/* vavigation */
.footer nav{margin-bottom:28px}
.footer nav a{margin-right:10px;color:#000;font-family:'sinkin_sans500_medium';transition:color .5s;-webkit-transition:color .5s}
.footer nav a::after{margin-left:14px;content:'|';color:#ecbd1d}
.footer nav a:last-child{marin-right:0}
.footer nav a:last-child::after{display:none}
.footer nav a:hover, .footer nav a.active{color:#ecbd1d}
.footer footer{margin-right:210px;padding-right:30px}
.footer p{margin:0;color:#6f6f6f}
.footer p a{color:#6f6f6f;transition:color .5s;-webkit-transition:color .5s}
.footer p a:hover{color:#000}
/*
*	EOLICA FOOTER
*/
.footer.eolica{padding:25px 0}
@media all and (max-width: 1010px){
.footer{font-size:13px;text-align:center}
.footer ul{margin-bottom:30px;text-align:center;float:none}
.footer ul li{margin-left:0;float:none;display:inline-block}
.footer nav a{margin:0 0 5px 0;display:block}
.footer nav a::after{display:none}
.footer footer{margin-right:0;padding-right:0}
}
@media all and (max-width: 730px){
.footer{font-size:12px}
}
/*............................................. END TEMPLATE .............................................*/


/*.............................................. BEGIN TEXT ..............................................*/
@font-face{font-family:'sinkin_sans300_light';src:url('../Fonts/SinkinSans/sinkinsans_300light_macroman/SinkinSans-300Light-webfont.eot');src:url('../Fonts/SinkinSans/sinkinsans_300light_macroman/SinkinSans-300Light-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/SinkinSans/sinkinsans_300light_macroman/SinkinSans-300Light-webfont.woff') format('woff'), url('../Fonts/SinkinSans/sinkinsans_300light_macroman/SinkinSans-300Light-webfont.ttf') format('truetype'), url('../Fonts/SinkinSans/sinkinsans_300light_macroman/SinkinSans-300Light-webfont.svg#sinkin_sans300_light') format('svg'); font-weight:normal;font-style:normal}
@font-face{font-family:'sinkin_sans400_regular';src:url('../Fonts/SinkinSans/sinkinsans_400regular_macroman/SinkinSans-400Regular-webfont.eot');src:url('../Fonts/SinkinSans/sinkinsans_400regular_macroman/SinkinSans-400Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/SinkinSans/sinkinsans_400regular_macroman/SinkinSans-400Regular-webfont.woff') format('woff'), url('../Fonts/SinkinSans/sinkinsans_400regular_macroman/SinkinSans-400Regular-webfont.ttf') format('truetype'), url('../Fonts/SinkinSans/sinkinsans_400regular_macroman/SinkinSans-400Regular-webfont.svg#sinkin_sans400_regular') format('svg'); font-weight:normal;font-style:normal}
@font-face{font-family:'sinkin_sans500_medium';src: url('../Fonts/SinkinSans/sinkinsans_500medium_macroman/SinkinSans-500Medium-webfont.eot');src:url('../Fonts/SinkinSans/sinkinsans_500medium_macroman/SinkinSans-500Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/SinkinSans/sinkinsans_500medium_macroman/SinkinSans-500Medium-webfont.woff') format('woff'), url('../Fonts/SinkinSans/sinkinsans_500medium_macroman/SinkinSans-500Medium-webfont.ttf') format('truetype'), url('../Fonts/SinkinSans/sinkinsans_500medium_macroman/SinkinSans-500Medium-webfont.svg#sinkin_sans500_medium') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'sinkin_sans700_bold';src:url('../Fonts/SinkinSans/sinkinsans_700bold_macroman/SinkinSans-700Bold-webfont.eot');src:url('../Fonts/SinkinSans/sinkinsans_700bold_macroman/SinkinSans-700Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/SinkinSans/sinkinsans_700bold_macroman/SinkinSans-700Bold-webfont.woff') format('woff'), url('../Fonts/SinkinSans/sinkinsans_700bold_macroman/SinkinSans-700Bold-webfont.ttf') format('truetype'), url('../Fonts/SinkinSans/sinkinsans_700bold_macroman/SinkinSans-700Bold-webfont.svg#sinkin_sans700_bold') format('svg');font-weight:normal;font-style:normal}

/*
*	MISC
*/
a{text-decoration:none;outline:none}
b{font-family:'sinkin_sans700_bold';font-weight:normal}

/*
*	HEADERS
*/
h2, h3{font-weight:normal;text-transform:uppercase}
h2{margin:0 0 10px 0;line-height:35px;font-size:30px;font-family:'sinkin_sans700_bold'}
h3{margin:0 0 10px 0;line-height:30px;font-size:16px;font-family:'sinkin_sans400_regular'}
h4{font-size:16px}
h5{font-size:14px}
@media all and (max-width: 730px){
h2{line-height:30px;font-size:22px}
h3{line-height:25px;font-size:14px}
h4{font-size:14px}
h5{font-size:13px}
}

/*
*	COLORS
*/
.c_black{color:#000!important}
a.c_black:hover{color:#ecbd1d}
.c_grey{color:#929191}
a.c_grey:hover{color:#2a90ce}
.c_white{color:#fff;transition:color .4s;-webkit-transition:color .4s}
a.c_white:hover{color:#eee}
.c_yellow{color:#ecbd1d}

/*
*	ALIGNMENT & STYLE
*/
.centered{text-align:center}
.right{text-align:right}
.italic{font-style:italic}

/*
*	OP RESULTS
*/
p.info, p.success, p.error{margin:0 0 20px 0!important;padding:15px;color:#fff;border-radius:6px}
p.info b, p.success b, p.error b{font-family:'sinkin_sans700_bold';font-weight:normal}
p.info a, p.success a, p.error a{color:#fff;text-decoration:underline}
p.info{background-color:#008be4}
p.success{background-color:#6fa848}
p.error{background-color:#c40000}
/*............................................... END TEXT ...............................................*/