@font-face {
 font-family: 'osp-dindin';
 src: url('../fonts/osp-din-webfont.eot');
 src: url('../fonts/osp-din-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/osp-din-webfont.woff') format('woff'),  url('../fonts/osp-din-webfont.ttf') format('truetype'),  url('../fonts/osp-din-webfont.svg#osp-dindin') format('svg');
 font-weight: normal;
 font-style: normal;
}

 @font-face {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 src: url('../fonts/myriadpro-regular.eot');
 src: url('../fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/myriadpro-regular.woff') format('woff'),  url('../fonts/myriadpro-regular.ttf') format('truetype'),  url('../fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'oswaldbook';
 src: url('../fonts/oswald-regular-webfont.eot');
 src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/oswald-regular-webfont.woff') format('woff'),  url('../fonts/oswald-regular-webfont.ttf') format('truetype'),  url('../fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
 font-weight: normal;
 font-style: normal;
}



:focus{
    outline: 0;
}

body{
    background-color: #fff;
    font: 16px 'Droid Sans', sans-serif;
    line-height: 24px;
    color: #8f8f8f;
}

/* HEADINGS
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{
    font-family: 'Droid Sans', sans-serif;
    font-weight: 400;
    color: #707070;
    text-transform: uppercase;
}

h1{
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 20px; 
}

h2{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px; 
}

h3{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 12px; 
}

h4{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px; 
}

h5{
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 5px; 
}

h6{
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px; 
}

/* PARAGRAPH
----------------------------------------------------------------------------- */
p{
    font: 12px 'Droid Sans', sans-serif;
    line-height: 18px;
    color: #8f8f8f;
}

/* LINKS
----------------------------------------------------------------------------- */
a{
    text-decoration: none;
    font: 12px 'Droid Sans', sans-serif;
    color: #8f8f8f;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a:hover,
a.continue-reading:hover{
    color: #d74142;
}

a.continue-reading{
    font: italic 12px 'Arimo', sans-serif;
    cursor: pointer;
    color: #aaa;
}

/* COLORED TEXT
----------------------------------------------------------------------------- */
.text-red{
    color: #d74142;
}

.text-light{
    color: #aaa;
}

.text-dark{
    color: #707070;
}


/* BLOCKQUOTE
----------------------------------------------------------------------------- */
blockquote{
    background: #f6f6f6 url('../img/quote.png') 20px 20px no-repeat;
    border: 1px solid #ececec;
    padding: 20px;
    float: left;
}

blockquote{
    font: italic 14px 'Droid Serif', serif;
    line-height: 24px;
    text-align: center;
}

blockquote span.blockquote-author{
    float: left;
    width: 100%;
    font: italic 12px 'Droid Sans', serif;
    color: #aaa;
    margin-top: 7px;
}

blockquote.text-left{
    text-align: left;
}

p + blockquote{
    margin-top: 20px;
    margin-bottom: 20px;
}

p + a.continue-reading{
    margin-top: 14px;
    display: block;
}

p + p{
    margin-top: 14px;
    display: block;
}

/* TEXT HIGHLIGHT
----------------------------------------------------------------------------- */
.highlight-dark{
    background: #707070;
    color: #fff;
}


/* FIGURE
----------------------------------------------------------------------------- */
img.img-bordered{
    border: 3px solid #ececec;
}

img + p{
    margin-top: 20px;
}

img.float-right{
    float: right;
    margin: 10px 0 19px 10px;
}

img.float-left{
    float: left;
    margin: 10px 10px 10px 0;
}
.right{float:right;}.left{float:left;}

/*==============================================================================
        2. HEADER CONTAINER STYLES
===============================================================================*/
#header{
    width: 940px;
    margin-right: auto;
    margin-left: auto;
}

/* LOGO
----------------------------------------------------------------------------- */
#logo{
    width: 270px;
margin-bottom: 25px;
margin-right: 14px;
float: left;
margin-top: 25px;
}

/* NAVIGATION
----------------------------------------------------------------------------- */
#nav-container{
    width: 650px;
    margin-right: 5px;
    height: 90px;
    float: left; 
    position: relative;
    z-index: 200;
}

#nav-container select{
    display: none;
}

/* NAVIGATION ICONS
----------------------------------------------------------------------------- */
.icon-nav{
    display: block !important;
    width: 100% !important;
    margin-top: -10px !important;
    padding-bottom: 5px !important;
    font-size: 14px !important;
    color: #ccc;
} 

a.active .icon-nav{
    color: #fff;
}

/* MAIN NAVIGATION STYLES
----------------------------------------------------------------------------- */
#nav{
    height: 100%;
    margin:0;
    list-style: none;
    float: right;
}

#nav > ul{
    display: block !important;
}

#nav li{
    float: left;
    position: relative;
    padding: 0px 14px 0px 14px; 
    cursor: pointer;
	margin-top: 50px;
	background: transparent url(../images/separator.png) scroll left center no-repeat;
}

#nav li.active, #nav li:hover{
    
}


#nav li.active a{
    border-right: none;
}

#nav li a{
    float: none;
    display: block;
    font-family:'oswaldbook',Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
    color: #C10000;   
    padding: 0px 15px;
	display:inline-block;
}



#nav li:last-child{
    padding-right: 0;  
}

#nav li:last-child a{
    border-right: none;
}

#nav li:hover a, 
#nav li a.active, 
#nav li:hover .icon-nav{
    color: #6E6D68;;
}
.first{background:none!important;}


/* MAIN NAVIGATION SECOND LEVEL
----------------------------------------------------------------------------- */
#nav li ul{
    display: none;
    position: absolute;	
    padding-top: 15px;
    margin: 0;
    top: 100%;
    left: 0;
    z-index: 100;
	background: #fff;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #131313;
padding:10px;
}

#nav li ul li{
    border-bottom: 1px solid #ececec;
    background: #fff;
    padding: 5px 0px !important; 
	margin: 0px; 
}


#nav li ul li a{
    text-transform: none !important;
    font-family: 'oswaldbook',Arial,Helvetica,sans-serif;
    line-height: 15px;
    color: #C10000 !important;
	font-size:12px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
	padding: 2px 0px 2px 10px;
}

#nav li ul li:last-child{
    border-bottom: 1px solid #ececec;
}

#nav li ul li:hover{
   
}

#nav li ul li:last-child:hover{
    border-bottom: 1px solid #d74142;
}

#nav li ul li:hover > a{
    color: #616161 !important;
}

#nav li ul li, #nav li ul li a{
    float: none;
}

#nav li ul li a {
    width: 130px;
    display: block;
}

/* MAIN NAVIGATION THIRD LEVEL
----------------------------------------------------------------------------- */
#nav li ul li ul {
    display: none;
}

#nav li ul li:hover ul {
    left: 100%;
    top: -1px;
    padding-top: 0 !important;
    padding-left: 5px;
}

.row{width:100%; float:left;}
.header_main{border-bottom: 1px solid #e0e0e0;border-top: 4px solid #606060;min-height: 90px;}
.footer_main{background:#c10000;min-height: 85px;}

/*==============================================================================
        3. CONTENT WRAP STYLES
===============================================================================*/
#content-wrapper{
    width: 960px;
    margin: 0 auto;
}


/*==============================================================================
        4. HOME PAGE STYLES
================================================================================*/

/* BIG ENTRY NOTE
----------------------------------------------------------------------------- */
.hero_img{margin:30px 0px 0px 10px; }
.head_home{margin:40px 0px 0px 90px;}
.head_home h1{color: #707070;font-size: 24px;font-weight: normal;margin-bottom: 10px;font-family: 'oswaldbook';text-transform:capitalize;}
.head_home p{color: #474747;font-size: 16px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;line-height: 28px;margin-bottom: 15px;line-height: 25px;
}

.last_div{margin:0px!important;}
.partner_contenet li{font-size:14px;color:#474747;}
.special_li li{list-style-type: square;margin-left: 20px;}

.box_table{font-size:14px;}

#main_column{margin:50px 0px 30px 0px; display:block;width:100%;min-height:320px;}
.title h1{color: #707070;font-size: 24px;font-weight: normal;margin-bottom: 10px;font-family: 'oswaldbook';text-transform:capitalize;}
.title p{color: #474747;font-size: 16px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;line-height: 28px;margin-bottom: 15px;line-height: 25px;padding:0px 10px;margin-top: 0px;width:95%;margin-right:20px;}

.title h2 {color: #c10000;font-size: 18px;font-weight: normal;margin-bottom: 10px;font-family: 'oswaldbook'; text-transform:capitalize;}

#main_column ul.default {
list-style: none;
margin-bottom: 20px;
clear: both;
margin-left:15px;
}

#main_column ul.default li {
color: #474747;
font-size: 16px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom: 10px;
background: url(../images/bullet.png) no-repeat left 6px;
padding-left: 20px;
}


.title_img{background: none;
padding: 10px;
border: 2px solid #efefef;
width: auto;
height: auto;
margin-bottom: 15px; float:left; margin-right:20px;}




.title h1 > span, .head_home h1 > span {color:#c10000;}





#contact_form {
	padding-left:108px;
}

#contact_form ul {
	list-style:none;
	overflow:hidden;
	padding-bottom:10px;
}
#contact_form ul li {
	float:left;
	margin-right:8px;
	margin-bottom:10px;
}
#contact_form ul li.last {
	float:none;
	clear:both;
	width:600px;
}
#contact_form input[type=text], #contact_form textarea {
	width:350px;border:none;
	padding:0 10px;
	background-color:#ecebeb;
	position:relative;
	behavior:url(js/PIE.htc);
	box-shadow:1px 0px 2px #999 inset;
	color:#8d8c8c;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#contact_form input[type=text] {
	height:36px;
	line-height:36px;border:none;
}
#contact_form textarea {
	height:62px;
	resize:none;
	padding:10px;
	width:727px;border:none;
}
#contact_form input[type=text].selected, #contact_form textarea.selected {
	background-color:#e0e0e0;
}
#contact_form input[type=submit], #contact_form input[type=reset] {
	background-color:#c10000 !important;
	color:#fff;
	font-size:16px;
	padding:5px 10px;
	position:relative;
	behavior:url(js/PIE.htc);
	border-radius:3px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:2px;
	cursor:pointer;
	border:none;
}
#contact_form input[type=submit] {border:none;
}
#contact_form input[type=reset] {border:none;
	background-color:#666 !important;
}
#contact_form input[type=submit]:hover {
	background-color:#a90101 !important;border:none;
}
#contact_form input[type=reset]:hover {
	background-color:#999 !important;border:none;
}
.map {clear:both;padding-top:5px;}
.txtcenter {text-align: center;}
.map p a {color: #333;margin-left: 5px;font-size:14px;}
.map span {margin-right: 80px;}


/*==============================================================================
        12. SIDEBAR STYLES
================================================================================*/
.aside{
    float: right;
}

.aside.left{
    float: left;
}

.aside-widgets{
    float: left;
    width: 100%;
    margin-top: 3px;
}

.aside-widgets > li{
    margin-bottom: 40px;
}

.aside-widgets > li h5{
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.aside-widgets li li{
    padding-bottom: 10px;
}

.aside-widgets li a{
    color: #8f8f8f;
    font: 12px 'Droid Sans', sans-serif;
    line-height: 20px;
    display: block;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.aside-widgets li a:hover{
    color: #d74142;
}

.aside-widgets .arrow-list li{
    border-bottom: 1px dotted #eee;
    background: url('../img/aside.png') no-repeat 0 center;
    padding-left: 18px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.aside-widgets .arrow-list li:last-child{
    border-bottom: none;
}






----------------------------------------------------------------------------- */

.grid_3.carousel-article .caroufredsel_wrapper,
.grid_4.carousel-article .caroufredsel_wrapper,
.grid_5.carousel-article .caroufredsel_wrapper,
.grid_6.carousel-article .caroufredsel_wrapper,
.grid_7.carousel-article .caroufredsel_wrapper,
.grid_8.carousel-article .caroufredsel_wrapper,
.grid_9.carousel-article .caroufredsel_wrapper,
.grid_10.carousel-article .caroufredsel_wrapper,
.grid_11.carousel-article .caroufredsel_wrapper,
.grid_12.carousel-article .caroufredsel_wrapper{
    width: 100% !important;
}

.carousel-article{
    float: left;
    width: 100%;
}

.grid_3.carousel-article .carousel-li > li{
    width: 220px;
    margin-right: 0;
}

.grid_4.carousel-article .carousel-li > li{
    width: 300px;
    margin-right: 0;
}

.grid_5.carousel-article .carousel-li > li{
    width: 380px;
    margin-right: 0;
}

.grid_6.carousel-article .carousel-li > li{
    width: 460px;
    margin-right: 0;
}

.grid_7.carousel-article .carousel-li > li{
    width: 540px;
    margin-right: 0;
}

.grid_8.carousel-article .carousel-li > li{
    width: 620px;
    margin-right: 0;
}

.grid_9.carousel-article .carousel-li > li{
    width: 700px;
    margin-right: 0;
}

.grid_10.carousel-article .carousel-li > li{
    width: 780px;
    margin-right: 0;
}

.grid_11.carousel-article .carousel-li > li{
    width: 860px;
    margin-right: 0;
}

.grid_12.carousel-article .carousel-li > li{
    width: 940px;
    margin-right: 0;
}

.carousel-pagination {
    text-align: center;
    float: left;
    margin-top: 10px;
}




/* COPYRIGHT 
----------------------------------------------------------------------------- */
.copyright-container{
    width: 100%;
    float: left;
    margin: 0 auto;
    padding: 10px 0;
    margin-bottom: 0;
    background: #fff;
    border-top: 1px solid #ececec;
}

.copyright{
    margin-bottom: 0;
    width: 940px;
    float: none;
}

.copyright p{
color: #fff;
font-size: 13px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top: 34px;
text-align:center;
}

.copyright .breadcrumbs{
    padding-top: 0;
}

.copyright .breadcrumbs li a{
    font: 11px 'Arimo', sans-serif;
    color: #aaa;
    line-height: 11px;
}

.copyright .breadcrumbs li a:hover{
    color: #d74142;
}

.copyright .breadcrumbs li{
    border-right: 1px solid #ececec;
    padding-right: 7px;
    padding-left: 7px;
}

.copyright .breadcrumbs li:last-child{
    border-right: none;
    padding-right: 0;
}

.copyright .breadcrumbs li.active a{
    color: #707070;
}




/*==============================================================================
        14. SOCIAL STREAMS
================================================================================*/

/* SOCIAL FEEDS */
.social-feed{
    width: 100%;
    float: left;
}
.social-feed li{
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    margin-bottom: 5px; 
    opacity: 0.7;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social-feed li:nth-child(5n){
    margin-right: 0;
}

.social-feed li a img{
    width: 40px;
    height: 40px;
}



/*   15. PRESENTATION ELEMENTS
================================================================================ */

/* Columns presentation
----------------------------------------------------------------------------- */

.note.column-illustration{
    background: #f6f6f6 !important;
    margin-bottom: 40px !important;
}

.grid_12.column-illustration{
    margin-bottom: 20px;
}

.grid_12.column-illustration.last{
    background: #f6f6f6;
    margin-bottom: 40px  !important;
    cursor: pointer;
}

.column-illustration .grid_1, 
.column-illustration .grid_2,
.column-illustration .grid_3, 
.column-illustration .grid_4, 
.column-illustration .grid_5,
.column-illustration .grid_6, 
.column-illustration .grid_7,
.column-illustration .grid_8, 
.column-illustration .grid_9,
.column-illustration .grid_10,
.column-illustration .grid_11,
.column-illustration .grid_12{
    background: #f6f6f6;
    margin-bottom: 0;
    cursor: pointer;
}

.column-illustration .grid_1 span, 
.column-illustration .grid_2 span,
.column-illustration .grid_3 span, 
.column-illustration .grid_4 span,
.column-illustration .grid_5 span,
.column-illustration .grid_6 span, 
.column-illustration .grid_7 span,
.column-illustration .grid_8 span, 
.column-illustration .grid_9 span,
.column-illustration .grid_10 span,
.column-illustration .grid_11 span,
.column-illustration .grid_12 span, 
.grid_12.column-illustration.last span{
    text-align: center;
    font: 12px 'Droid Sans', sans-serif;
    display: block;
    padding: 7px 0;
}

.column-illustration .grid_1 .hover, 
.column-illustration .grid_2 .hover,
.column-illustration .grid_3 .hover, 
.column-illustration .grid_4 .hover,
.column-illustration .grid_5 .hover,
.column-illustration .grid_6 .hover,
.column-illustration .grid_7 .hover,
.column-illustration .grid_8 .hover, 
.column-illustration .grid_9 .hover,
.column-illustration .grid_10 .hover,
.column-illustration .grid_11 .hover,
.column-illustration .grid_12 .hover, 
.grid_12.column-illustration.last .hover{
    display: none;
}

.column-illustration .grid_1:hover .normal, 
.column-illustration .grid_2:hover .normal,
.column-illustration .grid_3:hover .normal, 
.column-illustration .grid_4:hover .normal, 
.column-illustration .grid_5:hover .normal,
.column-illustration .grid_6:hover .normal, 
.column-illustration .grid_7:hover .normal,
.column-illustration .grid_8:hover .normal,
.column-illustration .grid_9:hover .normal,
.column-illustration .grid_10:hover .normal,
.column-illustration .grid_11:hover .normal,
.column-illustration .grid_12:hover .normal, 
.grid_12.column-illustration.last:hover .normal{
    display: none;
}

.column-illustration .grid_1:hover .hover, 
.column-illustration .grid_2:hover .hover,
.column-illustration .grid_3:hover .hover, 
.column-illustration .grid_4:hover .hover,
.column-illustration .grid_5:hover .hover,
.column-illustration .grid_6:hover .hover, 
.column-illustration .grid_7:hover .hover,
.column-illustration .grid_8:hover .hover, 
.column-illustration .grid_9:hover .hover,
.column-illustration .grid_10:hover .hover,
.column-illustration .grid_11:hover .hover,
.column-illustration .grid_12:hover .hover, 
.grid_12.column-illustration.last:hover .hover{
    display: block;
    color: #fff;
    background: #d74141;
}



/* Services presentation
----------------------------------------------------------------------------- */
.services-presentation li{
    width: 75px;
    height: 75px;
    float: left;
    margin-right: 3px;
    margin-bottom: 5px;
}

.services-presentation li .icon{
    margin-left: 0;
}


/* Social icons presentation
----------------------------------------------------------------------------- */
.social.presentation li{
    float: left;
    margin-bottom: 5px !important;
}


/*   MEDIA QUERIES
============================================================================= */

/* Devices between 960 and 1024 */
@media only screen and (min-width: 960px) and (max-width: 1279px){
    .slider-wrapper .slider-shadow{
        background: url('../img/slider/shadow-1024.png') no-repeat !important;
        width: 940px !important;
        height: 39px;
        margin-top: -3px !important;
    }
}

/* Devices and screens between 768px and 959px */
@media only screen and (min-width: 768px) and (max-width: 959px){
    #header{
        width: 724px;
    }
    #nav-container{
        width: 595px;
    }

    #content-wrapper,
    .container_12,
    #footer{
        width: 744px;
    }

    .page-title{
        width: 724px;
    }

    img{
        max-width: 100% !important;
    }

    /* Grid system
    ------------------------------------------------------------------------- */
    .grid_1{
        width: 42px !important;
    }

    .grid_2{
        width: 104px !important;
    }
    .grid_3{
        width: 166px !important;
    }
    .grid_4{
        width: 228px !important;
    }
    .grid_5{
        width: 290px !important;
    }
    .grid_6{
        width: 352px !important;
    }
    .grid_7{
        width: 414px !important;
    }
    .grid_8{
        width: 476px !important;
    }
    .grid_9{
        width: 538px !important;
    }
    .grid_10{
        width: 600px !important;
    }
    .grid_11{
        width: 662px !important;
    }
    .grid_12{
        width: 724px !important;
    } 



	.box_table h3{font-size:16px!important; font-weight:bold!important; color:#141414!important;}
	.even{background-color: #F5F5F5; padding: 10px; width: 95%;}

    /* HOME PAGE
    ------------------------------------------------------------------------- */
    .slider-wrapper{
        height: 340px !important;
    }

    .nivoSlider.home-slider{
        width: 710px !important;
        height: 308px !important;
    }

    .nivoSlider.home-slider img {
        width: 710px !important; 
        height: 308px;
        max-width: none;
    }

    .nivo-main-image {
        width: 710px !important;
    }

    .nivo-caption{
        width: 308px !important;
        margin-left: 50px !important;
    }

    .home-slider .nivo-directionNav a{
        top: 50% !important;
        margin-top: -34px !important;
    }

    .home-slider .nivo-nextNav{
        right: 0px !important;
    }

    .slider-wrapper .slider-shadow{
        background: url('../img/slider/shadow-768.png') no-repeat !important;
        width: 724px !important;
        height: 39px !important;
        margin-top: -3px !important;
    }

    .service-content .btn-big, .service-content .btn-medium, .service-content .btn-small{
        margin-left: 20%;
    }

    .tweets-home{
        width: 608px;
    }

    /* BLOG POSTS ON HOME PAGE */
    .blog-post-home .post-body{
        width: 282px;
    }


    /* TESTIMONIAL SCROLL */
    .carousel-testimonial{
        width: 310px;
    }

    .carousel-testimonial .caroufredsel_wrapper{
        width: 310px !important;
    }

    .grid_6 .carousel-testimonial .carousel-li > li{
        width: 310px !important;
    }



    /* ABOUT US PAGE
    ------------------------------------------------------------------------- */
    .team .vertical-toggle .content .member-name{
        text-align: center;
        width: 100%;
        border: 0;
        padding: 0;
    }

    .team .vertical-toggle .content .member-position{
        text-align: center;
        width: 100%;
        padding: 0;
        padding-top: 5px;
    }

    .member-social li{
        width: 100%;
        padding: 0;
        text-align: center;
        border: none;
        padding-bottom: 3px;
    }


    /* SERVICES PAGE
    ------------------------------------------------------------------------- */
    .note h1{
        min-width: 0;
        padding: 20px 20px 15px;
    }

    .note .btn-big, .note .btn-medium, .note .btn-small{
        float: none;
        display: table;
        margin: 15px auto;
    }

    /* PAGE SIDEBAR LEFT 
    ------------------------------------------------------------------------- */
    .grid_9.content-sidebar-left,
    .grid_9.content-sidebar-right{
        width: 518px !important;
    }

    /* PRODUCTS PAGE 
    ------------------------------------------------------------------------- */
    .nivoSlider.products-slider, 
    .product-img-wrap .products-img{
        margin-top: 7px;
        height: 112px;
        width: 176px;
        margin-left: 36px !important;
        overflow: hidden;
    }

    .product-slider-wrap,
    .product-img-wrap{
        width: 248px;
        height: 137px;
    }

    .slider-mask{
        width: 248px !important;
        height: 137px;
        background: url('../img/products/mask-responsive.png') no-repeat;
    }

    .nivoSlider.products-slider img {
        width: 176px !important;
        height: 112px;  
        max-width: none;
    }

    .nivo-main-image {
        width: 176px !important;
    }

    .price-tag{
        right: 0px;
    }

    .product-info{
        width: 240px;
    }

    .product-carousel .caroufredsel_wrapper{
        width: 518px !important;
    }

    .product-carousel .carousel-li > li{
        width: 160px;
    }


    /* PORTFOLIO SINGLE
    ------------------------------------------------------------------------- */
    .portfolio-slider-wrap{
        width: 462px;
    }

    .nivoSlider.portfolio-slider{
        width: 455px;
        height: 202px;    
    }

    .nivoSlider.portfolio-slider img {
        width: 455px !important;
        height: 202px;
        max-width: none !important;
    }

    .nivo-main-image {
        width: 455px !important;
    }

    .portfolio-slider-wrap .slider-shadow{
        background: url('../img/portfolio/single/responsive768.png') no-repeat;
        width: 462px;
        height: 40px;
        top: -3px;
    }


    .carousel-portfolio .caroufredsel_wrapper{
        width: 724px !important;
    }

    .carousel-portfolio .caroufredsel_wrapper .carousel-li li{
        width: 228px;
    }

    .carousel-portfolio .caroufredsel_wrapper .carousel-li li figure img{
        width: 223px;
    }


    /* BLOG PAGES
    ------------------------------------------------------------------------- */
    .grid_9.content-sidebar-left .post-info-container, 
    .grid_9.content-sidebar-right .post-info-container,
    .post-info-container iframe{
        width: 280px;
    }

    .post-body{
        width: 218px;
    }

    .post-body h3{
        font-size: 16px;
    }

    /* BLOG POST STYLE2 */
    .grid_9.content-sidebar-left .blog-post.style2, 
    .grid_9.content-sidebar-right .blog-post.style2{
        width: 249px;
    }

    .blog-post.style2 iframe{
        width: 249px;
        height: 146px;
    }

    /* BLOG POST STYLE 3 */
    .blog-post.style3 iframe{
        width: 512px;
    }

    /* BLOG SINGLE */
    .author-img{
        top: -87px;
        left: 0;
    }

    #respond .name-container,
    #respond .email-container{
        margin-right: 0;
        margin-bottom: 10px;
    }

    #respond .message,
    #respond .message textarea{
        width: 494px;
    }

    /* FEATURES ELEMENTS */
    .grid_3 .tabs li a{
        padding: 0px 7px;
    }


    /* CONTACT PAGES
    ------------------------------------------------------------------------- */
    .contact-forms .forms{
        width: 368px !important;
    }

    .contact-form .textarea{
        width: 320px;
    }

    .contact-form.simple{
        width: 352px;
    }

    .contact-form .text{
        width: 260px;
    }

    .contact-form.simple .textarea{
        width: 310px;
    }

    .contact-info{
        width: 302px !important;
    }

    .contact-info .info.grid_3{
        width: 141px !important;
    }



    /* FOOTER
    ------------------------------------------------------------------------- */
    .social-feed li{
        margin-right: 2px;
    }

    .social-feed li:nth-child(4n){
        margin-right: 0px !important;
    }

    .social-feed li:nth-child(5n){
        margin-right: 2px;
    }
}


/* Devices between 480px and 767px
----------------------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px){
    #header{
        width: 440px;
    }

    #content-wrapper,
    .container_12,
    #footer{
        width: 460px;
    }

    img{
        max-width: 100% !important;
    }

	.hero_img{margin:30px 0px 0px 10px; text-align:center;}
.head_home{margin:10px 0px 0px 10px;}
.head_home h1{color: #707070;font-size: 24px;font-weight: normal;margin-bottom: 10px;font-family: 'oswaldbook';text-transform:capitalize;}
.head_home p{color: #474747;font-size: 16px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;line-height: 28px;margin-bottom: 15px;line-height: 25px;
}
.head_home h1 > span {color:#c10000;}
#main_column{width:97%; display:block;}
.title p{padding:10px;width:90%;display:block;}
.title_img {display:block;}

#contact_form {
	padding:10px;
	width:90%;
}

#contact_form textarea {
	height:62px;
	resize:none;
	padding:10px;
	width:350px;border:none;display:block;
}

.map span {margin-right:0px;}
#cboxWrapper ,#colorbox, #cboxOverlay, #cboxContent{width:440px;height:440px;}
#cboxWrapper ,#colorbox, #cboxContent{width:400px!important;height:340px!important;margin-left:10px;}
#cboxOverlay {
background: url(../images/colorbox_overlay.png) repeat;
width: 100%!important;
height: 100%!important;
}


    /* Responsive navigation
    ------------------------------------------------------------------------- */
    #nav-container #nav{
        display: none;
    }

    #nav-container{
        width: 405px;
    }

    #nav-container select{
        display: block;
        width: 405px;
        margin-top: 12px;
        margin-right: 10px;
        margin-bottom: 12px;
        height: 28px;
        background: #f8f8f8;
        border: 1px solid #ececec;
        color: #8f8f8f;
        font: italic 12px Arial, sans-serif;
        float: left;
    }

    #nav-container select{
        padding: 5px 7px;;
    }

   

    /* Grid system
    ------------------------------------------------------------------------- */
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12{
        width: 440px !important;
    }

    /* NESTED COLUMNS NOW HAVE BOTTOM MARGIN */
    .container_12 [class^="grid_"] [class^="grid_"]{
        margin-left: 0;
        margin-bottom: 40px;
    }

    .alpha{
        margin-bottom: 40px !important;
    }

    .omega{
        margin-bottom: 0 !important;
    }
  

    .copyright p{
        float: none;
        display: table;
        margin: 5px auto 5px;
        width: auto;
        text-align: center;
    }

    .copyright .breadcrumbs{
        float: none;
        display: table;
        margin: 0 auto;
    }
}


/* Devices between 320px and 479px
----------------------------------------------------------------------------- */

@media only screen and (min-width: 320px) and (max-width: 479px){
    #header{
        width: 280px;
    }

    #content-wrapper,
    .container_12,
    #footer{
        width: 300px;
    }

    img{
        max-width: 100% !important;
    }

	.hero_img{margin:30px 0px 0px 10px; text-align:center;}
.head_home{margin:10px 0px 0px 10px;}
.head_home h1{color: #707070;font-size: 24px;font-weight: normal;margin-bottom: 10px;font-family: 'oswaldbook';text-transform:capitalize;}
.head_home p{color: #474747;font-size: 16px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;line-height: 28px;margin-bottom: 15px;line-height: 25px;
}
.head_home h1 > span {color:#c10000;}
#main_column{width:97%; display:block;}
.title p{padding:10px;width:90%;display:block;}
.title_img {display:block;}
#contact_form {
	padding:10px;
	width:90%;
}

#contact_form textarea {
	height:62px;
	resize:none;
	padding:10px;
	width:230px;border:none;
}

.map span {margin-right:0px;}

#cboxWrapper ,#colorbox, #cboxContent{width:240px!important;height:240px!important;margin-left:10px;}

#cboxOverlay {
background: url(../images/colorbox_overlay.png) repeat;
width: 100%!important;
height: 100%!important;
}



    /* Responsive navigation
    ------------------------------------------------------------------------- */
    #nav-container #nav{
        display: none;
    }

    #nav-container{
        width: 245px;
    }

    #nav-container select{
        display: block;
        width: 245px;
        margin-top: 12px;
        margin-right: 10px;
        margin-bottom: 12px;
        height: 28px;
        background: #f8f8f8;
        border: 1px solid #ececec;
        color: #8f8f8f;
        font: italic 12px Arial, sans-serif;
        float: left;
    }

    #nav-container select{
        padding: 5px 7px;;
    }


    /* Grid system
    ------------------------------------------------------------------------- */
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12{
        width: 280px !important;
    }

    /* NESTED COLUMNS NOW HAVE BOTTOM MARGIN */
    .container_12 [class^="grid_"] [class^="grid_"]{
        margin-left: 0;
        margin-bottom: 40px;
    }

    .omega{
        margin-bottom: 0 !important;
    }

    .copyright p{
        float: none;
        display: table;
        margin: 5px auto 5px;
        width: auto;
        text-align: center;
        line-height: 18px;
    }

    .copyright .breadcrumbs{
        float: none;
        display: table;
        margin: 0 auto;
    }

}


.box_table h3{font-size:16px!important; font-weight:bold!important; color:#141414!important;}
.even{background-color: #F5F5F5; padding: 10px; width: 100%; float:left;}
.odd{background-color: #E5E5E5; padding: 10px; width: 100%; float:left;}