/*


Theme Name: Zerif Lite


Theme URI: https://themeisle.com/themes/zerif-lite/


Author: ThemeIsle


Author URI: https://themeisle.com


Description: Zerif LITE is a free one page Wordpress theme. It's perfect for web agency business,corporate business,personal and parallax business portfolio, photography sites and freelancer.Is built on BootStrap with parallax support, is responsive, clean, modern, flat and minimal. Zerif Lite is ecommerce (WooCommerce) Compatible, WPML, RTL, Retina-Ready, SEO Friendly and with parallax, full screen image is one of the best business themes.


Version: 1.7.6


License: GNU General Public License version 3


License URI: license.txt


Text Domain: zerif-lite


Domain Path: /languages/


Tags: black, gray, red, white, one-column, two-columns, right-sidebar,fixed-layout,light,front-page-post-form,full-width-template,rtl-language-support,sticky-post,theme-options,responsive-layout, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready,photoblogging


*/





@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600italic,600,700,700italic,800,800italic);








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


 **   5.2 Menus                  -----


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


.main-navigation {


	clear: both;


	display: block;


	float: left;


	width: 100%;


}


.main-navigation ul {


	list-style: none;


	margin: 0;


	padding-left: 0;


}


.main-navigation li {


	float: left;


	position: relative;


}


.main-navigation a {


	display: block;


	text-decoration: none;


}


.main-navigation ul ul {


	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);


	display: none;


	float: left;


	left: 0;


	position: absolute;


	top: 1.5em;


	z-index: 99999;


}


.main-navigation ul ul ul {


	left: 100%;


	top: 0;


}


.main-navigation ul ul a {


	width: 200px;


}


.main-navigation ul ul li {


}


.main-navigation li:hover > a {


}


.main-navigation ul ul :hover > a {


}


.main-navigation ul ul a:hover {


}


.main-navigation ul li:hover > ul {


	display: block;


}


.main-navigation .current_page_item a,


.main-navigation .current-menu-item a {


}


.navbar-collapse{


	overflow: visible !important;


}


/* Small menu */


/*


.menu-toggle {


	cursor: pointer;


	display: none;


}


@media screen and (max-width: 600px) {


	.menu-toggle,


	.main-navigation.toggled .nav-menu {


		display: block;


	}


	.main-navigation ul {


		display: none;


	}


}


*/


.site-main .comment-navigation,


.site-main .paging-navigation,


.site-main .post-navigation {


	margin: 0 0 1.5em;


	overflow: hidden;


}


.comment-navigation .nav-previous,


.paging-navigation .nav-previous,


.post-navigation .nav-previous {


	float: left;


}


.comment-navigation .nav-next,


.paging-navigation .nav-next,


.post-navigation .nav-next {


	float: right;


	text-align: right;


	width: 50%;


}


.nav-links a {


	color:#e96656;


}


.site-main .post-navigation {


	float: left;


	width: 100%;


}





<!--------my css---------------->


.imgBox1{ width:100%; height:250px;}
.imgBox1 img{ width:100%; height:234px; padding:3px; border: 2px solid #ccc;}

body{margin:0px; padding:0px; font-family:Calibri; font-size:18px; color:#000;}
.submit {
  float: left !important;
  width: 179px !important;
}
#secondary ul li{ width:100%; float:left;}
.social_connect_form{ display:none;}
.comment-notes{ display:none;}
.comment-form-social-connect{ display:none;}
p{margin-bottom: 15px; padding:0px; font-family:Calibri; font-size:17px; color:#000; line-height:27px;  text-align: justify;}
.screen-reader-text{ font-size:17px; margin-bottom: 10px;}
.widget-title{ font-size:25px; margin-bottom:10px;}
.comment-form label{ width:100%; float:left; font-size:18px; font-weight:600;}
.comment-form textarea{ width:100%; float:left; font-size:17px; height:120px; border: 2px solid #ccc; border-radius:5px; padding:5px;}
.comment-form input{ width:100%; float:left; font-size:17px; height:36px; border: 2px solid #ccc; border-radius:5px; padding:5px;}
 .comment-reply-title{ width:100%; float:left;}


.wppb-user-forms p{margin:0px; padding:0px; font-family:Calibri; font-size:17px; color:#000; line-height:27px;  text-align: justify; float:left; width:95%}





#main_Container{width:80%; margin:0 auto;}





#banner_container{width:100%; margin:0px; padding:0px; float:left; }


#banner{width:100%; margin:0px; padding:0px; float:right; background-size:100% 100%;}


#banner img{width:100%; }


#top_container{width:100%; margin-top:-20px; padding:0px; float:left; position:relative; z-index:999; }


.logo{width:310px; padding:0px;  float:left; background-color: #fff;}


.logo img{width:100%;}


.readmorepdf a {


  float: left;


  height: 25px;


  margin-bottom: 10px;


  margin-top: 13px;


  padding: 0;


  text-decoration: none;


  width: 57%;


}


#wppb-submit {


         background-color: #969696;


        background-image: none;


        border: 0 none;


        border-radius: 12px;


        color: #fff;


        cursor: pointer;


        float: right;


        height: 36px;


        margin: 0 ;


        padding: 0;


        text-align: center;


        width: 121px;


	}





.form-submit .submit {


  border: 0 none;


  color: #fff;


  cursor: pointer;


  float: right;


  height: 36px;


  margin: 0;


  padding: 0;


  width: 121px;


  border-radius: 12px;


  background-color: #969696;


background-image: none;


text-align:center;


margin: 0 110px 0 0;


}





.cc{width:100%; margin:0 auto;}


.cf1{ width:90%; height:450px; margin:10px; float:left}


.cf2{ width:90%; height:auto; margin:10px; float:left}


.newletterFF label{ display:none;}


.newletter p {  border: 2px solid #ffffd0; color: #d5d5d5;  font-weight: 600; padding:3px;}


#navigationBox{width:68%; margin:0px; padding:0px 0; float:left; background:#fff;}


#top_nav{width:100%; margin:0px; padding:0px; float:left;}


#top_nav ul{margin:0px; padding:0px; float:left;}


#top_nav ul li{margin:0px; padding:0px; float:left; display:block; text-decoration:none;}


#top_nav a{margin:0px;  padding:25px 18px; float:left; display:block; text-decoration:none; color:#000; font-size:16px; text-transform:uppercase;}


#top_nav a:hover{text-decoration:none;  padding:25px 18px; color:#336699; z-index:5; position:relative;}


#top_nav .active{  padding:25px 24px; color:#336699;float:left; z-index:5; position:relative;}


.imgin{ border: 2px solid #ccc;


  float: right;


  height: 305px;


  margin-left: 30px;


  width: 500px;}





.jp {


  float: left;


  margin: 0 20px 0 3px;


  text-align: justify;


  width: 47%;


font-size: 18px;


}


.jp1 {


  float: left;


  margin: 0 0 0 3px;


  width: 49%;


}


.contact11 {


  color: #000;


  font-size: 21px;


font-weight: 600;


}


h4 {


  color: #000;


  font-size: 17px;


  font-weight: 600;


  line-height: 20px;


  margin-top: 15px;


  text-align: left;


}


.wpcf7-text {


  border: 1.5px solid #999999;


  border-radius: 8px;


  padding: 5px 0 !important;


  width: 100%;


}


.wpcf7-textarea {


  border: 1.5px solid #999999;


  border-radius: 8px;


  height: 150px !important;


  padding: 5px 0 !important;


  width: 100%;


}


#submit {


  background-color: #233034;


  border-radius: 18px 3px;


  color: #fff;


  font-size: 25px;


  height: 40px;


  width: 116px;


margin-top: 11px;


}


.jp1 h2 {


  color: #353535;


  float: left;


  font-size: 24px;


  margin: 0 0 20px;


  padding: 0;


  width: 100%;


}





.im{float:left; width:100%}


.im img{ width:100%; margin:5px; border:2px solid #ccc}





#middle_container{width:100%; margin-top:30px; padding:0px; float:left;}


#videoo{ width:370px; height:219px; float:left }


#left_container{width:35%; margin:0px; padding:0px; float:left;}


.containerBox{width:100%; margin:0px; padding:0px; float:left;}


.containerBox img{width:100%;  border: 2px solid #ccc; border-radius: 15px;}


h1{width:100%; margin-bottom: 30px; padding:0px; float:left; color:#336699; font-size:30px;}


.fbh{ background-color: #336699; border-radius: 7px; color: #fff; float: left; font-size: 25px;  margin: 13px;  padding: 3px; text-align: center; width: 94%;}


.iframe1{border: medium none;


    height: 213px;


    visibility: visible;


    width: 100%;}


.readmore a{width:26%; height:25px; margin-top:13px; margin-bottom:10px; padding:0px; float:left;  text-decoration:none}


#video{width:96%; margin:50px 0; padding:0px; float:left;  background-color: #000;}





#right_container{width:60%; margin-left:20px; padding:0px; float:left;}


h2{width:100%; margin-bottom: 15px; padding:0px; float:left; color:#353535; font-size:24px;}


#imgContainer{width:100%; margin:0px; padding:0px; float:left;}


.imgBox{width:47%; margin:20px 7px; padding:0px; float:left;}


.imgBox2{width:31%; margin:20px 7px; padding:0px; float:left;}





#newletterBox{width:100%; margin:20px 0 0; padding:20px 0; float:left; background:#000;}


.newletter{width:100%; margin:0 10px; padding:0px; float:left;}


.newletterTT{width:15%; margin:0 10px; padding:0px; float:left; color:#fff; font-family:"Droid Sans"; font-size:18px;}


.newletterFF{width:30%; margin:0 10px; padding:0px; float:left;}


.newletteinput{width:100%; height:30px!important; margin:0px; padding:0px; float:left; border:1px solid #585858; background:#fff; color:#ccc;}


.submitBox{width:10%; margin:0px; padding:0px; float:left;}


.submit{width:93px; height:36px; border:0px; margin:0px; padding:0px; float:left; background:url(images/submit.png) 0 0 no-repeat; cursor:pointer; color:#a1a1a1;}





#footer{width:100%; margin:0px; padding:0px; float:left; background:#f7f7f7;}


.footerBox{width:220px; margin:17px 0 0 0px; padding:0px; float:left; font-size:14px;}


.footerTT{width:100%;  margin-bottom:10px; padding:0px; float:left;  font-size:16px; font-weight:bold; color:#000;}


#footer_navibox{width:100%; margin:0px; padding:0px; float:left; color:#000;}


#footer_navibox ul{ margin:0px; padding:0px; float:left;}


#footer_navibox ul li{ width:74%; margin:0px; float:left; padding:0px; display:block; list-style:none; list-style:none; text-decoration:none;}


#footer_navibox a{width:100%; margin:0px; padding:0px; display:block; font-size:14px; text-decoration:none; color:#000; line-height:26px;}


#footer_navibox a:hover{color:#b9b9b9;}


.footerBox2{width:10%; margin:17px 0 0 0px; padding:0px; float:left;}


.callBox{width:100%; height:25px; margin:0px 0; padding-left:23px; float:left; font-size:20px; background:url(images/im6.png) 0 5px no-repeat;}





#footersiteinfo{width:100%; margin:0; padding:0px 0; line-height:40px; background:#c6c6c6; float:left;}


.information{width:50%; margin:0 auto;}


#footerBox3 {width:100%; color: #777775;  float: left; font-size: 13px;  margin: 0; padding:0px; text-decoration: none; text-align:center;}


#leftlineBox { width:27%; color: #777775; float: left;  font-size: 13px;    margin: 0; padding: 0;  text-align: left; }


#rightlineBox{width:21%; margin:0px; padding:0px; float:left;}


#rightlineBox a{width:87%; margin:0px; padding:0px; float:right; color: #777775; float: left;  font-size: 13px;  text-decoration:none;}


#rightlineBox a:hover{text-decoration:underline;}


#top_nav select {
   display: none;

    }

	@media all and (max-width: 1300px) and (min-width: 200px){

    * {
  -moz-box-sizing: border-box;


         -webkit-box-sizing: border-box;


         box-sizing: border-box;



    }


	 #top_nav ul     { display: none; }


      #top_nav select {width: 70%; display:block; margin:20px auto; float:none; border:2px #C0C0C0 solid; border-radius:5px; }


    #top_nav{width:90%; margin:0 auto; padding:0px; height:auto;  float:none;}





#navigationBox {


    background: #fff none repeat scroll 0 0;


    float: left;


    margin: 0;


    padding: 0;


    width: 64%;


}





	}








@media all and (max-width: 1000px) and (min-width: 200px){





    * {





         -moz-box-sizing: border-box;


         -webkit-box-sizing: border-box;


         box-sizing: border-box;





    }


.footerBox {


    float: none;


    font-size: 14px;


    margin: 17px auto;


    padding: 0;


    width: 220px;


	text-align:center;


}





#top_nav select {


  border: 2px solid #c0c0c0;


  border-radius: 5px;


  display: block;


  float: left;


  margin: 20px auto;


  width: 100%;


  margin-top: 50px;


}


#footer_navibox ul li{


    display: block;


    float: left;


    list-style: outside none none;


    margin: 0;


    padding: 0;


    text-decoration: none;


    width: 100%;


	text-align:center;


}











.footerBox2 {


    float: none;


    margin: 17px auto;


    padding: 0;


    width: 200px;


	text-align:center;


}








#footer_navibox {


    float: left;


    margin: 0;


    padding: 0;


    width: 100%;


	text-align:center;


}











}





@media all and (max-width: 767px) and (min-width: 200px){





    * {





         -moz-box-sizing: border-box;


         -webkit-box-sizing: border-box;


         box-sizing: border-box;





    }


#videoo {


  float: left;


  height: 200px;


  width: 241px;


}


.logo{width:310px; padding:0px; margin:0 auto; float:none;}


.logo img{width:100%;}


.imgin {


  border: 2px solid #ccc;


  float: right;


  height: auto;


  margin-left: 30px;


  width: 100%;


}


.cf1{ width:90%; height:150px; margin:10px; float:left}


#navigationBox {


    background: #fff none repeat scroll 0 0;


    float: none;


    margin: 0 auto;


    padding: 0;


    width: 80%;


}





#left_container {


    float: left;


    margin: 0;


    padding: 0;


    width: 100%;


}





.iframe1 {


  border: medium none;


  height: 218px;


  visibility: visible;


  width: 100%;


}





#right_container {


    float: left;


    margin-top:80px;


    padding: 0;


    width: 100%;


}








.imgBox {


    float: left;


    margin: 20px 0px;


    padding: 0;


    width: 100%;


}





.imgBox img{ width:100%;}








.imgBox2 {


    float: none;


    margin: 100px auto;


    padding: 0;


    width: 90%;


}





.imgBox2 img{width:100%;}





.jp {


  float: left;


  margin: 0 20px 0 3px;


  text-align: justify;


  width: 100%;


font-size: 18px;


}


.jp1 {


  float: left;


  margin: 0 0 0 3px;


  width: 100%;


}


.newletterTT {


    color: #fff;


    float: left;


    font-family: "Droid Sans";


    font-size: 18px;


    margin: 0px;


    padding: 0;


    width: 100%;


	text-align:center;


}








.newletterFF {


    float: left;


    margin: 10px;


    padding: 0;


    width: 100%;


}








.newletterFF {


    float: left;


    margin:10px;


    padding: 0;


    width: 100%;


}








.submitBox {


    float: none;


    margin: 20px auto;


    padding: 0;


    width: 95px;


}








.newletteinput {


    background: #fff none repeat scroll 0 0;


    border: 1px solid #585858;


    color: #ccc;


    float: left;


    height: 30px!important;


    margin: 0;


    padding: 8px;


    width: 100%;


}











}

















@media all and (max-width: 460px) and (min-width: 200px){





    * {





         -moz-box-sizing: border-box;


         -webkit-box-sizing: border-box;


         box-sizing: border-box;





    }


.iframe1 {


 border: medium none;


  height: 213px!important;


  visibility: visible;


  width: 100%;


}


.newletter {


  float: left;


  margin: 0 auto;


  padding: 0;


  width: 100%;


}


.logo{width:100%; padding:0px; margin:0 auto; float:none;}


.logo img{width:100%;}


#navigationBox {


    background: #fff none repeat scroll 0 0;


    float: none;


    margin: 0 auto;


    padding: 0;


    width: 100%;


}


#videoo {


  float: left;


  height: 200px;


  width: 241px;


}


.imgin {


  border: 2px solid #ccc;


  float: right;


  height: 180px;


  margin-left: 30px;


  width: 100%;


}











}