/*-------------------------------------------------
GLOBALS CLASSES 
-------------------------------------------------*/
*{padding:0; margin:0;}
body{font-family: 'Pontano Sans', sans-serif; font-size:14px; color:#484e4f; background:#ffffff;} 
/*body{font-family:  'HelveticaNeue-UltraLight', 'Helvetica Neue', 'Arial', sans-serif; font-size:13px; color:#9b9e9a; background:#ffffff; font-weight: 100;} */
img{border:none;}
/*h1{ font-size:25px; color:#243036; font-family: 'Lobster Two', cursive; font-weight:normal;}*/
h1{ font-size:25px; color:#243036; font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue', 'Arial', sans-serif   ;     font-weight: 100;}
h2{ font-size:16px; color:rgb(81, 81, 81); font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue','Arial', sans-serif; font-weight: 100;}
h3{ font-size:12px; color:rgb(81, 81, 81); font-family: 'Helvetica', 'Arial', sans-serif; font-weight: 100;}
p1{
    color: rgb(81, 81, 81);
    font-family: 'Pontano Sans', sans-serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    letter-spacing: -1;
    line-height: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
p2{
    color: rgb(81, 81, 81);
    font-family: 'Pontano Sans', sans-serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
p3{
    color: rgb(81, 81, 81);
    font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue','Arial', sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: -1;
    line-height: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
p4{
    color: rgb(81, 81, 81);
    font-family: 'Pontano Sans', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
P{ line-height:20px;}
a{text-decoration:none; color:#2f8aa2;}
a:hover{color:#ee3233;}
/*-------------------------------------------------
GENERAL CLASSES
-------------------------------------------------*/
.mar-top30{margin-top:30px !important;}
.mar-top5{margin-top:5px !important;}
.mar-right30{ margin-right:30px;}
.mar-right20{ margin-right:20px;}
.padding-right{padding-right:30px;}
.border-right{border-right:#f34041 solid 1px;}
.border-left{border-right:#f34041 solid 1px;}
.float-left{ float:left;}
.bdr-bottom-none{border-bottom:none !important;}
.float-right{ float:right;}
.clearing { clear:both;}
.page{margin:0 auto; overflow:hidden;}
.panel{ overflow:hidden;}
.title{}
.content{}
.button a{text-decoration:none; display:block; width:107px; height:35px; background:#ee3233; color:#ffffff; font-family: 'Pontano Sans', sans-serif;  line-height:35px; text-align:center; font-size:15px;}
.button a:hover{ background:#66a7c5;}
.page{ width:900px; margin:0 auto;overflow:hidden;}
.caption { text-align: center;}
/*-------------------------------------------------
HEADER CLASSES
-------------------------------------------------*/
.header-wrap{background:#ee3233; overflow:hidden; padding-top:2px; padding-bottom:0px;}
.header{width:900px; margin:0 auto;}
.logo h1{ float:left; color:#ffffff; font-size:35px; }
.logo h2{ font-family:  'HelveticaNeue-UltraLight', 'Helvetica Neue', 'Arial', sans-serif; float:left; color:#ffffff; font-size:20px; margin-bottom:-8px; margin-left:5px;}

.menu-wrap{background:#ee3233; overflow:hidden; padding-top:8px; padding-bottom:0px;}
.menu-header{width:900px; margin:0 auto;}

.menu{ float:right;}
.menu ul li{ list-style:none; float:left; font-size:16px; padding:10px; }
.menu ul li a{color:#ffffff; text-decoration:none; padding:10px; }
.menu ul li a:hover{ color:#243036; background:#ee3233; padding:10px; }
.menu ul li a.active{ color:#9b9e9a; background:#ee3233; padding:10px; }

/*-------------------------------------------------
BANNER CLASSES
-------------------------------------------------*/
.banner-wrap{ background:#eeeef0; overflow:hidden; margin-bottom:60px; clear:both;}
.banner{width:900px; margin:0 auto;}
.banner .banner-img{float:left;}
.banner .panel{ padding-top:80px;}
.banner .panel .title h1{ font-size:45px;}
.banner .content{ float:right;}
.banner .content p{ font-size:20px; color:#c3c3c3; padding-top:30px;}
.banner .arrows{float:left; padding-top:80px; margin-right:5px;}

/*-------------------------------------------------
MAIN COLUMAS CLASSES
-------------------------------------------------*/
.primary-col{ width:630px; padding-left:50px; border-left:#f2f2f2 solid 1px; float:right;}
.primary-col h1{ padding-top:20px; padding-bottom:10px;}
.primary-col h3{font-size:12px; line-height: 15px;  padding-bottom:10px; padding-top:10px;}
.side-bar{width:210px; float:left;}
.side-bar h1,h2{padding-bottom:20px;}
.side-bar .content p{ padding-bottom:20px; }
.side-bar p span{ color:#66a7c5; text-decoration:underline;}
.side-bar a{text-decoration:underline; color:#ee3233;}
.side-bar a:hover{color:#66a7c5;}
/*.search, .testimonnial, .submenu, .quick-contact{padding-bottom:30px;overflow:hidden; border-bottom:#f2f2f2 solid 1px; margin-bottom:40px; width:auto;} */
.search, .testimonnial, .submenu, .quick-contact{padding-bottom:0px;overflow:hidden; margin-bottom:0px; width:auto;} 


.generic{ float:left; width:630px; border-bottom:#f2f2f2 solid 1px;}
.generic .panel{ margin-bottom:30px; margin-top:5px;}
.generic .content h2{ padding-bottom:20px;}
.generic .content p{ padding-bottom:30px;}

/*-------------------------------------------------
BLOCK CLASSES
-------------------------------------------------*/
.wrap-1{ width:630px;  border-bottom:#f2f2f2 solid 1px; overflow:hidden; padding-top:40px; margin-bottom:50px;}
.wrap-1 .panel{width:300px; margin-bottom:50px;}
.wrap-1 .content h2{ padding-bottom:10px;}
.wrap-1 .content h2 a{text-decoration:underline;}
.wrap-1 .content p{padding-left:140px; line-height:18px;}
/*-------------------------------------------------
SEARC CLASSES
-------------------------------------------------*/
.search{ width:290px;}
.search ul li{list-style:none; float:left; margin-right:10px;}
.text-filed{ width:230px; height:35px; background:#f0eceb; line-height:35px; text-indent:5px; border:none;}
/*-------------------------------------------------
SUBMENU CLASSES
-------------------------------------------------*/

.submenu{}
.submenu ul li{ list-style:url(../images/arrow2.png) inside; border-bottom:#f2f2f2 solid 0px; line-height:35px;}
.submenu ul li.-noborder-bottom{border-bottom:none;}
.submenu ul li a{text-decoration:none; color:#939d9f;}
.submenu ul li a:hover{color:#ee3233;}
.submenu ul li a.active{color:#ee3233;}
/*-------------------------------------------------
Items CLASSES
-------------------------------------------------*/

.news {}
.news ul {padding: 20px;}
.news ul li{ list-style:url(../images/arrow2.png) outside; padding: 5px; line-height:35px;}
.news ul li.-noborder-bottom{border-bottom:none;}
.news ul li a{text-decoration:none; color:#939d9f;}
.news ul li a:hover{color:#ee3233;}
.news ul li a.active{color:#ee3233;}

.connect {}
.connect ul {padding: 0px;}
.connect ul li{ list-style:url(../images/linked.png) outside; padding: 5px; line-height:35px;}
.connect ul li.-noborder-bottom{border-bottom:none;}
.connect ul li a{text-decoration:none; color:#939d9f;}
.connect ul li a:hover{color:#ee3233;}
.connect ul li a.active{color:#ee3233;}

/*-------------------------------------------------
PORTFOLIO CLASSES
-------------------------------------------------*/

.portfolio { overflow:hidden; width:800px; padding:20px; background:#ffffff; margin-top:0px;}
/*.portfolio .title h3{font-size:12px; line-height: 15px;  padding-bottom:20px; border-bottom:1px solid #ebebeb; margin-bottom:30px; padding-top:10px;} */
.portfolio .title h3{font-size:12px; line-height: 15px;  padding-bottom:10px; padding-top:10px;}
.portfolio .title h1{ padding-top:20px; padding-bottom:10px;}
.portfolio .panel { width:600px; border:none;  background:#ffffff; float:left; margin-bottom:10px;}
.portfolio .panel .content { padding:10px; padding-bottom:20px;}
.portfolio .panel .content p{ padding-bottom:10px;}
.portfolio .panel .content p span{ padding-bottom:10px; border-bottom: 1px solid #dddddd;  color:#ee3233; display:block;}
.portfolio .panel .content a { color:#ffffff; background:#66a7c5; padding:5px;}
.portfolio .panel .content a:hover { background:#ee3233;}
.portfolio .panel .content img{ padding-bottom:10px;}

.portfolio .panel1 {width:150px; border:none;  background:#ffffff; float:left; margin-bottom:30px;}
.portfolio .panel1 .content { padding:10px; padding-bottom:20px; padding-top:20px}

.portfolio .panel2 {width:590px; border:none;  background:#ffffff; float:left; margin-bottom:30px;}
.portfolio .panel2 .content { padding:10px; padding-bottom:20px; padding-top:20px}

/*-------------------------------------------------
CONTACT FORM CLASSS
-------------------------------------------------*/

.contact-form { background:#f1f1f1; padding:30px; width:440px; float:left; margin-bottom:50px; float:left;}
.contact-form label {display: block; padding:10px 0 10px 0;}
.contact-form label span {display: block; color:#939191;font-size:14px; float:left; width:80px; text-align:left; padding:5px 20px 0 0;}
.contact-form .input_text {padding:10px 10px;width:320px;background:#ffffff;border:0px solid; color:#939191;}
.contact-form .message{padding:10px 10px;width:320px; background:#ffffff; border:0px solid;overflow:hidden;height:150px; color:#939191; font-size:14px;}
.contact-form .button{padding:4px 7px;background:#66a7c5; color:#ffffff; text-transform:uppercase; font-family:'Oswald', sans-serif;border:0px solid;margin-left:100px;margin-top:20px;}

.address { float:right; width:440px; margin-left:30px;}
.address .panel { border:none; color:#243036; margin-bottom:30px;}
.address .panel .title h1 {  color:#ee3233; padding-bottom:10px;}
.address .panel .content p span { color:#243036;}


/*-------------------------------------------------
FOOTER CLASSES
-------------------------------------------------*/
.footer-wrap{ background:#ee3233; overflow:hidden; padding:40px 40px;}
.footer{width:900px; margin:0 auto;}
.footer h1{color:#243036; padding-bottom:20px;}
.footer p{ color:#ffffff; padding-bottom:20px;}
.footer a{text-decoration:none; color:#ffffff;}
.footer a:hover{color:#243036;}
.footer .content{ width:300px; float: left; color:#ffffff;}
.footer ul li {list-style:none; line-height:40px; border-bottom:#f34041 solid 1px;}
.nl-textfiled{width:195px; height:36px; padding-left:5px; border: medium none; float:left; margin-right:10px;}
.social{}
.social ul{ border-bottom:#f34041 solid 1px; overflow:hidden;}
.social ul li{ list-style:none; float:left;  margin-right:10px; padding-right:30px; border-bottom:none; }

.copyright-wrap{ background:#243036; padding-top:10px; padding-bottom:10px;}
.copyright{margin:0 auto; width:300px;}
.copyright .content p{ color:#66a7c5;}
.copyrighta{text-decoration:none; color:#939d9f;}
.copyright a:hover{color:#ee3233;}
.copyright a.active{color:#ee3233;}