
body {
font-family : 'Lato', sans-serif;
background : #fff;
}

body p {
color : #666666;
font-family : "Lato", sans-serif;
font-size : 14px;
letter-spacing : 1px;
line-height:inherit;
}

body h1, h2, h4, h5, h6 {
color : #141414;
font-family : "Lato", sans-serif;
font-size : 18px;
text-transform : capitalize;
font-weight : 800;
text-transform : uppercase;
}

h2:before { 
  display: block; 
  content: " "; 
  margin-top: -110px; 
  height: 110px; 
  visibility: hidden; 
}

body h3 {
color : #141414;
font-family : "Lato", sans-serif;
font-size : 16px;
text-transform : capitalize;
font-style:italic;
font-weight : 800;
text-transform : uppercase;
}

a:hover {
text-decoration : none;
}

.navbar {
padding : 10px 0;
transition : background 0.5s ease-in-out, padding 0.5s ease-in-out;
}

.top-nav-collapse {
padding : 0;
}

#loader-wrapper .logo {
left : 48.7%;
position : absolute;
top : 48%;
}

#loader-wrapper .logo a {
font-weight : 700;
color : #3498DB;
font-size : 12px;
}

.logo span {
color : #f85654;
}

#loader-wrapper {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 999999;
background : #fff;
}

#loader {
display : block;
position : relative;
left : 50%;
top : 50%;
width : 150px;
height : 150px;
margin : -75px 0 0 -75px;
border-radius : 50%;
border : transparent solid 3px;
border-top-color : #3498db;
animation : spin 2s linear infinite;
}

#loader:before {
content : "";
position : absolute;
top : 5px;
left : 5px;
right : 5px;
bottom : 5px;
border-radius : 50%;
border : transparent solid 3px;
border-top-color : #444;
animation : spin 3s linear infinite;
}

#loader:after {
content : "";
position : absolute;
top : 15px;
left : 15px;
right : 15px;
bottom : 15px;
border-radius : 50%;
border : transparent solid 3px;
border-top-color : #1487b2;
animation : spin 1.5s linear infinite;
}

@keyframes spin {
0% {
transform : rotate(0deg);
}
100% {
transform : rotate(360deg);
}
}


#slider_sec {
background-color: #353638;
background-position : center center;
background-repeat : no-repeat;
background-size : 100% 100%;
height:400px;
width : 100%;
}

ul.animate {
	-webkit-transition: -webkit-transform 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
       -moz-transition: transform 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
         -o-transition: transform 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
            transition: transform 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); /* ease-in-out */	
}

.stage {
	width: 76%;
	margin: 0 auto;
	padding: 0 12%;
	text-align: center;
	overflow: hidden;
}
	
.sldr {
	max-width: 825px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
    margin-bottom:-400px;
	clear: both;
	display: block;
}

.sldr > a {
	color: #c48ec8;
	-webkit-transition: color 0.25s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
       -moz-transition: color 0.25s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
         -o-transition: color 0.25s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
            transition: color 0.25s cubic-bezier(0.860, 0.000, 0.070, 1.000); /* ease-in-out */
}

.sldr > ul > li {
	float: left;
	display: block;
	width: 825px;
    margin-bottom:-270px;
}

div.skew {
	max-width: 825px;
	margin: 0 auto;

	display: block;
	overflow: hidden;

	-webkit-transform: skewX(16deg);
       -moz-transform: skewX(16deg);
        -ms-transform: skewX(16deg);
            transform: skewX(16deg);
}

div.skew > div.wrap {
	display: block;
	overflow: hidden;

	-webkit-transform: skewX(-16deg);
	   -moz-transform: skewX(-16deg);
	    -ms-transform: skewX(-16deg);
	        transform: skewX(-16deg);

	margin-left: -10.1%;
	width: 122%;
}

.img_slider {
	max-width: 1000px;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.clear {
	width: 100%;
	height: 0px;
	overflow: hidden;
	clear: both;
}



#nav_menu ul {
float : right;
list-style : none outside none;
margin : 0;
padding : 0;
position : relative;
}

#nav_menu ul a {
color : #ffffff;
display : block;
font-family : lato;
font-size : 14px;
font-weight : bold;
line-height : 32px;
padding : 25px 14px;
text-decoration : none;
text-transform : capitalize;
transition : all 0.4s 0s ease;
}

#nav_menu ul li {
float : left;
padding : 0;
position : relative;
}

#nav_menu ul li a:hover {
transition : all 0.4s 0s ease;
background : #0078BF;
}

#nav_menu ul ul {
background : none 0 0 repeat scroll #0078bf;
display : none;
left : 0;
padding : 0;
position : absolute;
top : 100%;
z-index : 9999;
padding : 10px;
}

#nav_menu ul ul li {
float : none;
width : 200px;
}

#nav_menu ul ul a {
line-height : 120%;
padding : 10px 29px;
}

#nav_menu ul ul li a:hover {
transition : all 0.4s 0s ease;
background : #333333;
}

#nav_menu ul ul ul {
top : 0;
left : 100%;
}

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

#nav_menu ul li a i {
margin-left : 6px;
}



#abt_sec {
padding : 30px 0;
}

.lft_hd img {
float : left;
margin-right : 30px;
margin-top : 19px;
width : 150px;
}

.title_sec {
margin : 0 auto;
padding : 0 0 25px 0;
text-align : center;
}

.title_sec h2 {
color : #606060;
font-size : 12px;
text-transform : uppercase;
letter-spacing : 1px;
}

.abt {
margin : 0 auto;
text-align : center;
}

.all_brouse_btn {
border : #666666 solid 1px;
color : #666666;
font-size : 12px;
text-transform : uppercase;
padding : 15px 20px;
text-align : center;
background : #fff;
}

.post_btn {
width : 100%;
display : inline-block;
margin : 0 auto;
text-align : center;
padding-top : 65px;
}

.post_btn a {
position : relative;
display : inline-block;
margin : 15px 25px;
outline : none;
color : #fff;
text-decoration : none;
text-transform : uppercase;
letter-spacing : 1px;
font-weight : 400;
text-shadow : 0 0 1px rgba(255, 255, 255, 0.3);
font-size : 1.35em;
}

.hover_effect_btn {
position : relative;
z-index : 1;
}

.hover_effect_btn a {
overflow : hidden;
margin : 0 15px;
}

.hover_effect_btn a span {
font-size : 12px;
font-family : lato;
background : none 0 0 repeat scroll #fff;
border : #666666 solid 1px;
border-radius : 6px;
color : #666666;
display : block;
padding : 15px 20px;
transition : transform 0.3s;
}

.hover_effect_btn a::before {
background : none 0 0 repeat scroll #00AFF0;
color : #fff;
height : 100%;
left : 0;
padding : 15px 20px;
position : absolute;
top : 0;
transition : transform 0.3s 0s ease;
width : 100%;
z-index : -1;
font-size : 12px;
font-family : lato;
border : #666666 solid 1px;
border-radius : 6px;
}

.hover_effect_btn a:hover span, .hover_effect_btn a:focus span {
transform : translateX(100%);
}

.hover_effect_btn a:hover::before, .hover_effect_btn a:focus::before {
transform : translateX(0%);
}

#message {
height : 90px;
}


#pr_sec {
padding : 20px 0;
background : none 0 0 repeat scroll #fff;
}

.service {
transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
border :1px solid #eeeeee;
cursor : pointer;
text-align : center;
padding : 61px 0;
}

.service:hover .service_hoverly {
display : block;
}

.service > h2 {
color : #515050;
font-size : 14px;
font-weight : 400;
text-transform : uppercase;
}

.service_hoverly h2 {
color : #515050;
font-size : 14px;
font-weight : 400;
text-transform : uppercase;
margin : 0;
padding-bottom : 35px;
}

.service img {
font-size : 50px;
color : #03B0F0;
position : relative;
}

.service_hoverly {
transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
border :1px solid #03B0F0;
display : none;
padding : 25px 5px;
position : absolute;
margin-right: 14px;
top : 0;
background : #fff;
}

.service_hoverly img {
background : none 0 0 repeat scroll #fff;
font-size : 50px;
position : relative;
top : -50px;
}

#ctn_sec {
padding : 70px 0;
}

#cnt_form .btn {
background : #353638;
padding : 10px 35px;
}

#cnt_form .form-control:focus {
border : #0080FF solid 1px;
}

.cnt_info ul {
margin : 0;
padding : 0;
border-left : 1px solid #C7C7C7;
padding-left : 30px;
}

.cnt_info ul li {
list-style : none outside none;
padding : 15px 0;
}

.cnt_info ul li i {
color : #818181;
float : left;
margin-top : 5px;
}

.cnt_info p {
padding-left : 30px;
}

.map_area {
margin-bottom : 25px;
}

#ltd_map_sec {
background : none 0 0 repeat scroll #363636;
text-align : center;
}

.map > h1 {
color : #fff;
font-size : 20px;
font-weight : normal;
text-transform : uppercase;
}

#ft_sec {
padding : 10px 0;
}

.copy_right {
margin : 0;
padding : 0;
}

.copy_right li {
font-size : 14px;
font-weight : 600;
list-style : none outside none;
padding : 2px;
text-align : center;
color : #818181;
text-transform : uppercase;
}

.copy_right {
margin : 0;
padding : 0;
margin-top : 4px;
}

.map i {
font-size : 22px;
font-weight : bold;
color : #fff;
margin-left : 15px;
}

.show_hide {
color : #3399FF;
margin-left : 15px;
}

#blg_sec {
padding : 100px 0;
}

.main_menu_sec {
background : none 0 0 repeat scroll #353638;
border : none 0;
margin : 0;
}

.post_info i {
background : none 0 0 repeat scroll #00aff0;
color : #fff;
float : left;
font-size : 30px;
padding : 10px;
margin-right : 15px;
}

.post_info ul {
margin : 0;
padding : 0;
}

.post_info ul li {
list-style : none;
float : left;
}

.post_intro {
padding-top : 15px;
}

.post_intro h2 {
color : #333333;
font-size : 14px;
font-weight : bold;
text-transform : uppercase;
display : inline;
line-height : 30px;
}

.post_info ul li {
float : left;
list-style : none outside none;
color : #a3a7b2;
font-size : 12px;
text-transform : capitalize;
font-family : lato;
}

.post_content {
border-bottom : 1px solid #e3e3e3;
float : left;
line-height : 25px;
padding : 30px 0;
}

.post_content > a {
color : #666666;
font-family : lato;
font-size : 12px;
border-bottom : 1px solid #666666;
line-height : 40px;
padding : 8px 0;
}

.post_content > a:hover {
border-bottom : 1px solid #00AFF0;
}

#sr_bx {
border : #C4C4C4 solid 1px;
padding : 12px;
width : 100%;
}

.sidebar h2 {
color : #333333;
font-size : 14px;
text-transform : uppercase;
margin-top : 30px;
}

.title_br {
border-bottom : 2px solid #666666;
width : 50px;
}

.sidebar ul {
margin : 0;
padding : 0;
}

.sidebar ul li {
border-bottom : 1px solid #e2e2e2;
list-style : none outside none;
padding : 15px 0;
}

.sidebar ul li a {
color : #666666;
font-size : 14px;
text-transform : capitalize;transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s
}

.sidebar ul li a:hover{transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;color:#00AFF0
}

.flickr li {
border : 0 !important ;
}

.flickr li {
float : left;
padding-right : 6px;
width : 90px;
}

.tag > li {
border : none medium !important ;
float : left;
}

.tag li a {
border : #666666 solid 1px;
padding : 10px;
margin-right : 5px;
}

.sngl_blg > img {
width : 100%;
height : 100%;
}

.author_dec h3 {
margin : 0;
color : #333333;
font-size : 14px;
margin-bottom : 11px;
}

.author_info {
border-bottom : 1px solid #e3e3e3;
display : inline-block;
padding : 22px 0;
margin-bottom : 30px;
}

.author_info > img {
float : left;
margin-right : 35px;
}

.social_link {
margin : 0;
padding : 0;
float : right;
display : inline-flex;
}

.social_link li {
list-style : none;
}

.social_link li a i {
color : #363636;
float : left;
padding : 6px;
}

.form-control.single_cnt {
width : 355px !important ;
}

.single_cnt_m {
width : 731px !important ;
}
