@import 'https://fonts.googleapis.com/css?family=Hind';
@import 'https://fonts.googleapis.com/css?family=Squada+One';


body { font-family: 'Hind', sans-serif; background-image:url(../images/texture_4.jpg); }
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; }
ul{ padding:0px; margin:0px; }
ul li{ list-style-type:none; padding:0px; margin:0px; }
p{ padding:0px; margin:0px; font-size:14px; }
a{ outline:none !important; text-decoration:none !important;}
#template{ overflow:hidden; clear:both;  }


#header{ position:absolute; z-index:666; width:100%; margin-top:-100%;   -moz-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);-o-transition:all 1.25s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);transition:all 1.25s cubic-bezier(0.23,1,0.32,1);
 }
#header:after{ background-color:#5d5d5d; right:0; content:''; width:50%; position:absolute; top:0; bottom:0; z-index:-1;  }
.headerbg{}

.logo{ padding:5px 0px ; }
#mainmenu ul{ margin:0; }
#mainmenu ul li{ float:left; position:relative;  }
#mainmenu > ul > li > a{ padding:34px 20px; display:block; font-size:15px; color:#fff; z-index:2; position:relative; border-left:1px solid #686868; text-transform:uppercase; }
#mainmenu ul li a:hover{ color:#fff; } 

#mainmenu > ul > li:before{ content:''; background-color:#4DAC23; height:89px; position:absolute; right:80px; left:80px; bottom:0; display:inline-block; 
 -moz-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);-o-transition:all 1.25s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);transition:all 1.25s cubic-bezier(0.23,1,0.32,1); } 
#mainmenu > ul > li:after{ content:''; background-color:#fff; height:7px; position:absolute; right:80px; left:80px; bottom:0; display:inline-block;  -moz-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);-o-transition:all 1.25s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);transition:all 1.25s cubic-bezier(0.23,1,0.32,1); } 
#mainmenu > ul > li:hover:after,#mainmenu > ul > li:hover:before{ left:0; right:0; }

.submenu { position:absolute; background-color:#fff;  display:none; }
.submenu li{ position:relative; }
.submenu > li > a{ font-size:13px; padding:12px 15px; display:block; font-weight:800;  border-bottom:1px solid #aaa; color:#656565; width:200px; }
.submenu li a:hover{ background-color:#5B69BB; }
.submenu li ul{ left:100%; top:0; background-color:#ddd; }


.respnav i{ font-size:25px; padding:10px 0px; cursor:pointer; color:#000; }
.respnav{ float:right; }
#respo_menu{ display:none; overflow:hidden; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:2px; border-top:1px solid #ccc; box-shadow:0px 0px 2px #aaa; left:-100%; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:230px; overflow:auto; z-index:99; }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 8px 0 8px 10px; color:#4B4B4D; font-size:13px; text-decoration:none;  }
#respo-submenu ul li{ position:relative; }
#respo-submenu ul li ul{ margin-left:10px; }
#respo-submenu ul li ul li{ position:relative;  padding:0px 10px; font-size:14px; color:#333; }
#respo-submenu ul li ul li:before{ content:'\f105'; position:absolute; left:5px; top:5px; color:#777; font-family:'FontAwesome'; }
#respo-submenu ul li a:hover{ background-color:#5B69BB; color:#fff; }









#bodycol{ padding:30px 0px 0px 0px; background-image:url(../images/texture_3.jpg); position:relative; z-index:555; }
#bodycol hr{ border-top:3px solid #222; width:20%; margin:0; padding:15px 0px; }
#bodycol h1{ color:#222; font-family: 'Squada One', cursive; text-transform:uppercase; letter-spacing:1px; font-size:30px; margin:0; padding:10px 0px; }
#bodycol p{ font-size:16px; color:#333; }
#bodycol p a{ font-family: 'Hind', sans-serif; color:#222; letter-spacing:1px; border:2px solid #222; padding:6px 10px; display:inline-block; font-size:12px; }

.vimi{ background-image:url(../images/bg.jpg); padding:40px 0px; }
.vimi div{ padding:0; overflow:hidden; }
.vismis{ background-color:#fff; overflow:hidden; position:relative; z-index:666;  }
.vismis > div{ position:relative; }
.textcont { margin:30px; color:#222; }
.textcont h2{ color:#222; font-family: 'Squada One', cursive;  }

.vismis div img{ width:100%; }

#clentscol{ clear:both; padding:20px 0px 0px 0px; }
#clentscol h2{ color:#222; padding:10px 0px; margin:0; font-family: 'Squada One', cursive;   }

#footercol{ padding:40px 0px 50px 0px; position:relative; z-index:12; overflow:hidden; background-image:url(../images/texture_4.jpg); }
#footercol h3{  font-size:23px; color:#fff;  font-family: 'Hind', sans-serif; }
#footercol h3 a{ color:#eee; } 
#footercol h3 a img{ width:100%; }
#footercol p{ font-family: 'Hind', sans-serif; color:#eee; }
.footermenu > li{ display:block; }
.footermenu > li a{ font-size:14px; color:#eee; font-family: 'Hind', sans-serif; padding:5px 0px; display:inline-block; border-bottom:1px solid #ddd; }
.footermenu > li:before{ content:'\f005 '; font-family: 'FontAwesome'; color:#eee; font-size:8px; margin-right:5px; vertical-align:middle; }

.fom ul li{ margin:0px 0px 10px 0px; font-family: 'Hind', sans-serif;}
.fom ul li input, .fom ul li textarea{ background:none; border:1px solid #eee !important;  color:#eee; }
.fom ul li .form-control::-moz-placeholder{ color:#ddd; }
.fom ul li .form-control::-webkit-placeholder{ color:#fff; }
.fom ul li textarea{ resize:none;  }
.fom > ul > li > button { font-family: 'Hind', sans-serif;}
#footer{ text-align:center; background-color:#333; }
#footer p{ margin:0; font-size:12px; font-family: 'Hind', sans-serif; padding:10px 0px; color:#FFF; }

.bodycont,.bodycont div{ position:relative; height:100%; }
.bodycont:before{ position:absolute; top:0; bottom:0; right:0; width:50%; content:''; background-color:#fff; }
.bodycont:after{ background-image:url(../images/tp-pattern.png); content:''; position:absolute; top:0; bottom:0; left:0; width:50%; z-index:-1; }

.innerbody{ width:100%; }
.bodycont h2{ font-family: 'Squada One', cursive; padding:10px 0px 20px 0px; margin:0; color:#e48705; }
.bodycont hr{ padding:0 !important; border-top:3px solid #555 !important; }
.sidetab{ border-left:3px solid #555; }
#lefttab{ background-image:url(../images/tp-pattern.png); padding:30px 0!important; margin:0; height:100%; }

.sidetab ul li a{ font-size:16px; padding:12px 20px; display:block; color:#333;  -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; }
.sidetab ul{ padding:10px 0px;}
.sidetab ul li{ position:relative; }
.sidetab ul li:before{ content:''; height:3px; background-color:#555; width:15px; position:absolute; top:47%; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; }
.sidetab ul li:hover:before{ width:30px; }
.sidetab ul li a:hover{  padding:12px 20px 12px 40px; color:#4DAC23; }

.rightcont{ padding:30px; }

@media (min-width:980px){
	#header{ position:absolute; }
	#mainmenu{ display:block; }	
}

@media (max-width:980px){ 
	#header{ position:relative; }
	#mainmenu{ display:none; }
	.bodycont{ background-color:#FFFFFF;}
	.rightcont{ padding:15px; }
}


/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 320px) { .mainmenu{ display:none; } .respnav{ display:block;} #respo_menu{ display:block; } #lefttab{ /*padding-left:10px !important;*/ display:none; } #template{ margin-top:0px;}}

@media (max-width: 576px) { .mainmenu{ display:none; } .respnav{ display:block;} #respo_menu{ display:block; }#lefttab{ /*padding-left:10px !important;*/ display:none; }}
/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .mainmenu{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; }#lefttab{ /*padding-left:10px !important;*/ display:none; }}
/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { .mainmenu{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; }  }
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .mainmenu{ display:block;} .respnav{ display:none;} #respo_menu{ display:none; } }
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .mainmenu{ display:block;} .respnav{ display:none;} #respo_menu{ display:none; } }