@charset "utf-8";

/*

Template Name: Vendor

Author: <a href="http://www.os-templates.com/">OS Templates</a>

Author URI: http://www.os-templates.com/

Licence: Free to use under our free template licence terms

Licence URI: http://www.os-templates.com/template-terms

File: Layout CSS

*/



@import url("../scripts/supersized/supersized.custom.css");

@import url("fontawesome-3.2.1.min.css");

@import url("framework.css");



/* Rows

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

.row0, .row0 a{}

.row1, .row1 a{}

.row2, .row2 a{}

.row3, .row3 a{}

.row4{border-top:10px solid;}

.row5{border-top:1px solid;}





/* Header

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

#header{padding:0px 0; text-align:center;}

#logo{margin:15px 0; text-align:right;}

#logo *{margin:0; padding:0;}

#logo h1{font-size:56px; font-variant:small-caps;}





/* Full Width Homepage Slider

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

#slider{position:relative;}

#slider, #slider ul{display:block; width:82%; min-width:998px; height:300px; margin:0 auto; padding:0; list-style:none; overflow:hidden;}

#slider ul, #slider li{position:absolute; margin:0px 0px 0px 40px;}

#slider img{max-width:none;}

#slider a{}

#slider #slidewrap{display:table; position:absolute; top:0; left:0; width:100%; height:50%; margin:0; padding:0;}

#slider #slidewrap div{display:table-cell; margin:0; padding:0; text-align:center; vertical-align:middle; color:#FFFFFF; /*background-color:rgba(0,0,0,.4);*/}

#slider #slidewrap div #slidecaption{display:inline-block; margin:0; padding:20px 30px; font-size:22px; line-height:normal;}

#slider #slidewrap div #slidecaption span{display:block; margin:0 0 10px 0; padding:0; font-size:42px;}

#slider #slidewrap div #slidecaption a{display:inline-block; padding:12px 25px; margin-top:30px; text-transform:uppercase; border-radius:8px;}





/* Content Area

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

#container{padding:50px 0;}



/* Content */

#container #content{}



/* Comments */

#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}

#comments li{margin:0 0 10px 0; padding:15px;}

#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}

#comments address{font-weight:bold;}

#comments time{font-size:smaller;}

#comments .comcont{display:block; margin:0; padding:0;}

#comments .comcont p{margin:10px 5px 10px 0; padding:0;}



/* Sidebar */

#container .sidebar{}



.sidebar .sdb_holder{margin-bottom:50px;}

.sidebar .sdb_holder:last-child{margin-bottom:0;}





/* Footer

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

#footer{padding:50px 0;}

#footer .title{margin:0 0 50px 0; padding:0 0 8px 0; border-bottom:1px solid; font-size:20px;}

.ftgal li{margin-bottom:10px;}



/* Copyright

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

#copyright{padding:30px 0;}

#copyright p{margin:0; padding:0;}





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

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

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

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

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





/* Navigation

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

nav ul, nav ol{margin:0; padding:0; list-style:none;}



#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}



/* Top Navigation */

#mainav{font-size:0; line-height:normal;}

#mainav a{font-size:19px; font-family: 'Oswald', sans-serif; font-weight:normal;}

#mainav ul{}

#mainav ul ul{z-index:9999; position:absolute; width:160px; text-align:left;}

#mainav ul ul ul{left:160px; top:0;}

#mainav li{display:inline-block; position:relative; margin:0 10px 0 0; padding:0;}

#mainav li:last-child{margin-right:0;}

#mainav li li{width:100%; margin:0;}

#mainav li a{display:block; padding:12px; border:solid; border-width:1px 0 0 0;}

#mainav li li a{border-width:0 0 1px 0;}

#mainav .drop{}

#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}

#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}

#mainav .drop::after{top:20px; left:5px;}

#mainav li li .drop::after{top:15px; left:5px;}

#mainav ul ul{display:none;}

#mainav ul li:hover > ul{display:block;}



/* Breadcrumb */

#breadcrumb{padding:15px 0;}

#breadcrumb ul{margin:0; padding:0; list-style:none;}

#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}

#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px; text-transform:uppercase;}

#breadcrumb li a::after{top:5px; right:0; content:"\f101";}

#breadcrumb li:last-child a{margin:0; padding:0;}

#breadcrumb li:last-child a::after{display:none;}



/* Sidebar Navigation */

.sidebar nav{display:block; width:100%;}

.sidebar nav li{margin:0 0 3px 0; padding:0;}

.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}

.sidebar nav a::after{top:9px; left:5px; content:"\f101";}

.sidebar nav ul ul a{padding-left:35px;}

.sidebar nav ul ul a::after{left:25px;}

.sidebar nav ul ul ul a{padding-left:55px;}

.sidebar nav ul ul ul a::after{left:45px;}



/* Pagination */

.pagination{display:block; width:100%; text-align:center; clear:both;}

.pagination li{display:inline-block; margin:0 2px 0 0;}

.pagination li:last-child{margin-right:0;}

.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; font-weight:normal;}





/* Forms

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

form, fieldset, legend{margin:0; padding:0; border:none;}

legend{display:none;}

label, input, textarea, select{display:block; resize:none; font-size:inherit; box-sizing:border-box;}

label{margin-bottom:5px;}



/* Comment Area */

#comments form{display:block; width:100%;}

#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}

#comments textarea{overflow:auto;}

#comments div{margin-bottom:15px;}

#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}





/* Tables

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

table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top; box-sizing:border-box;}

table, th{table-layout:auto;}

table{width:100%; margin-bottom:15px;}

th, td{padding:5px 8px;}

td{border-width:0 1px;}





/* Gallery

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

#gallery{display:block; width:100%; margin-bottom:50px;}

#gallery figure figcaption{display:block; width:100%; clear:both;}

#gallery li{margin-bottom:30px;}





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

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

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

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

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





/* Colours

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



body{color:#666666; background-color:#4F0341}



a{color:#63CAC6;}



hr, .borderedbox{border-color:#D7D7D7;}



label span{color:#e61aff; background-color:inherit;}





/* Rows */

.row1, .row1 a{color:#005c8c; background-color:#4F0341;}

.row2, .row2 a{color:#FFFFFF; background-color:#D7D7D7;}

.row3{ background-color:#C5ADC5;}

.row4{color:#888888; background-color:#373737; border-color:#292929;}

.row5, .row5 a{color:#888888; background-color:#292929;}

.row5{border-color:#575757;}





/* Full Width Homepage Slider */

#slider #slidewrap div #slidecaption a{color:inherit; background-color:#63CAC6;}





/* Footer */

#footer .title{border-color:#292929;}





/* Navigation */

#mainav li a{color:inherit; border-color:#D7D7D7;}

#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#63CAC6; border-color:#63CAC6;}

#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}

#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#63CAC6;}



#container .sidebar nav a{color:#888888; border-color:#D7D7D7;}

#container .sidebar nav a:hover{color:#63CAC6;}



.pagination a, .pagination strong{border-color:#D7D7D7;}

.pagination .current{color:#FFFFFF; background-color:#000000;}





/* Tables + Comments */

table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}

th{color:#FFFFFF; background-color:#373737;}

tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}

tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}

table a, #comments a{background-color:inherit;}



/* New Button Starts */



.newbutton {

   border-top: 1px solid #96d1f8;

   background: #65a9d7;

   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));

   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);

   background: -moz-linear-gradient(top, #3e779d, #65a9d7);

   background: -ms-linear-gradient(top, #3e779d, #65a9d7);

   background: -o-linear-gradient(top, #3e779d, #65a9d7);

   padding: 17.5px 35px;

   -webkit-border-radius: 10px;

   -moz-border-radius: 10px;

   border-radius: 10px;

   /*-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;

   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;

   box-shadow: rgba(0,0,0,1) 0 1px 0;*/

   text-shadow: rgba(0,0,0,.4) 0 1px 0;

   color: white;

   font-size: 21px;

   font-family: Georgia, Serif;

   text-decoration: none;

   vertical-align: middle;

   }

.newbutton:hover {

   border-top-color: #28597a;

   background: #28597a;

   color: #ccc;

   }

.newbutton:active {

   border-top-color: #1b435e;

   background: #1b435e;

   }

   

/* New Button Ends */  



/* Blinking Button styles */

.button {

  background-color: #004A7F;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  border: none;

  color: #FFFFFF;

  cursor: pointer;

  display: inline-block;

  font-family: Arial;

  font-size: 20px;

  padding: 5px 10px;

  text-align: center;

  text-decoration: none;

}



@-webkit-keyframes glowing {

  0% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }

  50% { background-color: #0094FF; -webkit-box-shadow: 0 0 10px #0094FF; }

  100% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }

}



@-moz-keyframes glowing {

  0% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }

  50% { background-color: #0094FF; -moz-box-shadow: 0 0 10px #0094FF; }

  100% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }

}



@-o-keyframes glowing {

  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }

  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }

  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }

}



@keyframes glowing {

  0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }

  50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }

  100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }

}



.button {

  -webkit-animation: glowing 1500ms infinite;

  -moz-animation: glowing 1500ms infinite;

  -o-animation: glowing 1500ms infinite;

  animation: glowing 1500ms infinite;

}



/* Blinking Button ends */