/*

Theme Name: Photostat Pro

Theme URI: https://gracethemes.com/themes/photography-wordpress-theme/

Author: Grace Themes

Author URI: https://www.gracethemes.com/

Description: The Photostat Pro is Photography WordPress Theme which is best suitable for portfolio, photography, photo blogging, photo sharing, wedding, travel, life style,  and multipurpose business website. Demo: https://gracethemes.com/demo/photostat/



Version: pro 1.0

License: GNU General Public License version 3

License URI: license.txt

Text Domain: photostat-pro

Tags:one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,featured-images,theme-options,full-width-template,sticky-post,threaded-comments,translation-ready



Photostat Pro WordPress Theme has been created by Grace Themes(gracethemes.com), 2016.

Photostat Pro WordPress Theme is released under the terms of GNU GPL

*/



*{ margin:0; padding:0; outline:none;}

body{ margin:0; padding:0; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:22px; margin:0; padding:0; color:#6e6d6d; font-size:13px; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; }	

img{ margin:0; padding:0; border:none; max-width:100%;}

section img, img{max-width:100%; height:auto;}

h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:400; }

h1{ font-size:36px; }

h2{ font-size:30px;}

h3{ font-size:18px; }

h4{ font-size:22px;}

h5{ font-size:20px; }

h6{ font-size:14px;}

.left{float:left;}

.right{float:right;}

blockquote{ background:url(images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}

.hr{border-bottom:1px solid #333; height:15px; clear:both;}

p{ margin:0; padding:0;}

a{ text-decoration:none; outline:none;}

a:hover{ text-decoration:none; outline:none;}

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

article ul, article ol{ margin:0 0 15px 15px;}

article ul li{ list-style: disc;}

.custom-height{ min-height:20px;}

.clear{ clear:both;}

.middle-align{ margin:0 auto; padding:0;}

.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100% !important;}

.wp-caption-text{ margin:0; padding:0;}

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

.gallery-caption{ margin:0; padding:0;}

.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto;}

.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto;}

.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}

.comments-area{ margin-bottom:15px;}

.comment-list .comment-content ul { list-style:none; margin-left:15px;}

.comment-list .comment-content ul li{margin:5px;}

.main-container ol{list-style-position:outside; margin-left:20px;}

.main-container ol li{margin:5px 0;}

.lastcols{ margin-right:0 !important;}

.toggleMenu{display:none;}

section{ padding:70px 0;}

h2.section_title{font-weight:600; font-size:30px; text-align:center; padding-bottom:30px; margin-bottom:40px; position:relative; text-transform:uppercase;}



h2.section_title::after{ content:""; position:absolute; width:40px; height:2px; background-color:#4b4a4a; bottom:0; left:0; right:0; margin:auto;}

.tmnlwraparea h2.section_title::after{left:-180px;}



.sitewrapper .header.fixed{ width:100%;}

.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000; position:relative; }

.boxlayout .container{ padding:0 20px;}

.boxlayout .footer{ padding:40px 20px;}

.boxlayout .header.fixed{ width:auto;}





/*Header Info Bar CSS*/

.headerinfo { font:600 14px/22px 'Roboto Condensed'; padding:10px 0; }

#slider{ width:100%; margin:0; padding:0; position:relative;}

.logo{float:left;  text-align:left; width:20%; padding:15px 0;}

.logo h1{font-weight:300; margin:0px; }

.logo h1 span{ color:#dd3333; display:inline-block;}

.logo a{color:#000;}

.tagline{ font-family:'Roboto Condensed', sans-serif; font-size:14px; color:#828181; display:block;}

.header_right{ float:right; text-align:right; width:80%;}

.right span.phno{ padding-right:10px; margin-right:5px;}



.header-top{ background-color:#101112; color:#fff; line-height:36px; font-size:14px; font-family: 'Roboto Condensed', sans-serif; }



.header-top .left span{ float:left; padding-right:10px;}

.header-top .left a{color:#fff;}

.header-top .social-icons a{ margin-right:0;}

.header-top .fa{ margin-right:5px;}

.header-top .right{ text-align:right;}



/* = social icons css

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

.social-icons a{ width:20px; height:40px; line-height:40px; text-align:center;  vertical-align:middle; display:inline-block; padding:0 8px 0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#a3a9ab; }

.social-icons br{ display:none;}

.container{ width:1170px; margin:0 auto; position:relative;}



/*header menu css*/

.toggle{display: block;}

.toggle a{width:auto; color:#ffffff; background:url(images/mobilenav.png) no-repeat right center #3e3e3e; padding:10px 25px; margin-top:5px; font-size:16px; text-align:left;}

.toggle a:hover{color:#ffffff !important;}

.header.fixed{ position: fixed; top:0; z-index:999999;  transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; width:auto;}

.header.fixed .sitenav ul li a{padding:29px 18px;}

.header.fixed .logo{padding:10px 0;}

.header.fixed .sitenav ul li ul li a{ padding-top:7px; padding-bottom:7px; }



.header{width:100%; z-index:9999; background-color:#e4e4e4; box-sizing:border-box; padding:5px 0; }

.sitenav{ padding:0; position:relative; z-index:9999; }

.sitenav ul {margin:0; padding:0; font-family:'Roboto Condensed', sans-serif; font-size:16px; font-weight:500; }

.sitenav ul li{display:inline-block; position:relative;}

.sitenav ul li:last-child{border-right:none;}

.sitenav ul li a{padding:34px 18px; display:block; text-align:center;}

.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; border-bottom:1px #d3d2d2 solid;}

.sitenav ul li ul li a{display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;}



.sitenav ul li ul{display:none; z-index:9999999; position:relative;}

.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; }

.sitenav ul li:hover ul li ul{display:none; position:relative;}

.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}

/* = innerbanner css 

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

.innerbanner{ text-align:center; }

.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto;}



/*search form css*/

.searchbox{position:relative; min-width:35px; width:0%; height:40px; float:right; overflow:hidden;padding-left:20px; -webkit-transition: width 0.3s;    -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}

.searchbox-input{top:0; right:0; border:0;outline:0;background:#ece8e8;width:100%;height:40px;margin:0;padding:0px 55px 0px 20px;font-size:13px;color:#7f7f7f;}

.searchbox-input::-webkit-input-placeholder{color:#7f7f7f;}

.searchbox-input:-moz-placeholder{color:#7f7f7f;}

.searchbox-input::-moz-placeholder{color:#7f7f7f;}

.searchbox-input:-ms-input-placeholder{color:#7f7f7f;}

.searchbox-icon, .searchbox-submit{width:35px;height:40px;display:block;position:absolute;top:0;font-family:verdana;font-size:22px;right:0;padding:0 !important;margin:0 !important;border:0 !important;outline:0;line-height:40px;text-align:center;cursor:pointer;color:#dcddd8;background:url(images/search-icon.png) no-repeat center center #34c6f6;}

.searchbox-open{ width:40%;}



/* = Get An Appointment css

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

a.ReadMore{ font:normal 12px/20px 'Roboto Condensed'; border:1px solid #a4a4a4; color:#a4a4a4 ; padding:10px 20px; text-transform:uppercase; }

a.ReadMore:hover{border:1px solid #dd3333; color:#dd3333; }

.custombtn{ margin-top:30px;}



a.morebutton{background-color:#dd3333;color:#fff; padding:10px 20px; font:normal 16px/20px 'Roboto Condensed'; text-transform:uppercase; display:inline-block; border-radius:25px; -moz-border-radius:25px;-webkit-border-radius:25px;}

a.morebutton:hover{ background-color:#865628; color:#fff; }



a.buttonstyle1{ background-color:#865628; color:#fff ; padding:10px 20px; font:normal 16px/20px 'Roboto Condensed'; display:inline-block; border-radius:6px; -moz-border-radius:6px;-webkit-border-radius:6px;}

a.buttonstyle1:hover{ background-color:#381305; color:#fff; }



/* = Our Services css

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

#welcomearea{ position:relative;}

#welcomearea p{ margin-bottom:15px; line-height:24px;}



#welcomearea h2.section_title:after{ right:inherit;}



.themefeatures .one_half{ background:rgba(255, 255, 255, 0.8); margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:top; padding:45px; width:50% !important; border: solid 1px #e4e4e4; }

.themefeatures .one_half a{ color:#979797;}

.themefeatures .one_half:hover a{ color:#ffffff;}

.themefeatures .one_half:hover{ background:rgba(221, 51, 51, 0.8); color:#fff;}

.one_third .ftrimgbx{ height:190px; overflow:hidden; margin-bottom:15px;}

.one_third .ftrimgbx img{ width:100%; height:auto; }

.themefeatures .one_half h6{ text-transform:uppercase; font-weight:bold; color:#272727;}

.themefeatures .one_half:hover h6{ color:#fff; }

.themefeatures .learnmore{ font:normal 16px/20px 'Roboto Condensed'; background-color:#272727; color:#fff; margin-top:30px; padding:8px 15px; display:inline-block; }

.themefeatures .one_half:hover .learnmore{ background-color:#fff; color:#272727; }

.themefeatures .one_half .fa{ float:left; min-height:80px; width:80px; font-size:42px; margin-bottom:25px; color:#dd3333;}

.themefeatures .one_half:hover .fa{ color:#fff; }





.promo-box{width:100%;height:auto; text-align:left;position:relative; font-size:17px;}

.promo-box h3{ margin:0 0 15px 0; padding:0; font-size:32px;}

.promo-left{float:left;width:75%}

 

.promo-right .morebutton{right:0; font-weight:bold;border-radius:25px;padding:10px 20px; position:absolute; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}

 #promosection{ padding:40px 0 50px 0;}







/* = counter section css

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

.counterlist{ width:20%; padding:30px 0; color:#c5c5c5; float:left; margin:0 27px; text-align:center;}

.counterlist .fa{ font-size:32px; margin-top:30px;}

.counterlist .counter{display:block; font-size:50px; color:#00aadd; line-height:80px; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.counter:after{ background:#000000; width:40px; height:2px; content:''; bottom:0; margin-top:20px; left:0; right:0; position:absolute; margin:0 auto;} 

.counterlist .counter-cen{ border:solid 7px #dd3333; border-radius:100%;-moz-border-radius:100%; -webkit-border-radius:100%; width:195px; height:195px; position:relative; margin:0 auto; }

.counterlist h6{ font-weight:bold; color:#c5c5c5; margin:30px 0 0 0; text-transform:uppercase;}





#vacationarea{ padding:0;}

#vacationarea h2.section_title::after{background-color:#fff; left:0; margin:0;}

#vacationarea h2.section_title{ color:#fff; text-align:left; margin-bottom:20px;}

#bestoffer{ padding-bottom:150px;}

.vacation-wrap{ background-color:#dd3333; width:45%; border-radius:10px; color:#fff; padding:50px; top:60px; position:relative;}

.vacation-wrap span{ display:block; font-size:24px; font-weight:600; margin:25px 0;}

.vacation-wrap a.bookatour{ background-color:#fff; padding:8px 25px; color:#dd3333; font:600 16px/22px 'Roboto Condensed', sans-serif; position:absolute; bottom:-15px;}



/* = Team Member Flipbox css

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





#ourteamsection .container{ width:100%; box-sizing: border-box;}

.teammember-content{ opacity:0; padding:25px; text-align:center;  position:absolute; left:0; right:0; top:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

.ourteam-thumb{height:350px; overflow:hidden; }

.ourteam-thumb img{ min-height:350px; width:100%;}

.team_column{ width:20%; float:left; margin:0; position:relative;	display:inline;	display: inline-block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

.team_column h5{ font-weight:bold; margin-bottom:15px;}

.member-designation{display:block; margin-bottom:15px; font-size: 14px; }

.teammember-content p{ margin:0 0 30px 0; }

.team_column:hover .ourteam-thumb img{ opacity:0.2;}

.team_column:hover .teammember-content{ opacity:1; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}





.og-grid li:hover .memmberdetails{ background-color:rgba(49,202,253,0.7); padding:10px 0; margin-top:-60px; position:relative; display:block;}

.memmberdetails h5{ font-size:18px; color:#fff; margin:0;}

.test{ position:relative;}

.team-thumb{ background-color:#696969; width:270px; height:310px; overflow:hidden;}

.team-thumb img{ width:100%; height: auto;}

.og-grid li:hover .team-thumb img{ opacity:0.6;}

.member-social-icon{ margin-bottom:0;}

.member-social-icon a{ border-radius:100%; margin:0 3px 3px 0; display:inline-block; color:#000; width:35px; height:35px; line-height:35px; background:#ffffff;}

.member-social-icon a:hover{ color:#fff;}



.end { margin-right: 0 !important; }



.buttonstyle2{ background-color:#555; color:#fff ; padding:6px 15px; font:normal 14px/20px 'Roboto Condensed'; display:inline-block; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}

.buttonstyle2:hover{ background-color:#fff; color:#555; }

.textwidget select{ width:100%;}

table{ width:100%}

.clientwrap p { text-align:center; font-size:16px; margin-bottom:25px;}





/*-=-=-=-=-=-=-=-=-=-=- */

/* Flip Panel */

/*-=-=-=-=-=-=-=-=-=-=- */



.panel {

	margin: 0 auto;

	height: 270px;  

	position: relative;

	-webkit-perspective: 600px;

	-moz-perspective: 600px;

}



.panel .front,

.panel .back {

	text-align: center;

}

	

.panel .front {

	height: inherit;

	position: absolute;

	top: 0;

	z-index: 900;

	text-align: center;

	-webkit-transform: rotateX(0deg) rotateY(0deg);

	   -moz-transform: rotateX(0deg) rotateY(0deg);

	-webkit-transform-style: preserve-3d;

	   -moz-transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;

	   -moz-backface-visibility: hidden;

	-webkit-transition: all .4s ease-in-out;

	   -moz-transition: all .4s ease-in-out;

		-ms-transition: all .4s ease-in-out;

		 -o-transition: all .4s ease-in-out;

			transition: all .4s ease-in-out;

}



.panel .back {

	height: inherit;

	position: absolute;

	top: 0;

	z-index: 1000;

	-webkit-transform: rotateY(-180deg);

	   -moz-transform: rotateY(-180deg);

	-webkit-transform-style: preserve-3d;

	   -moz-transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;

	   -moz-backface-visibility: hidden;

	-webkit-transition: all .4s ease-in-out;

	   -moz-transition: all .4s ease-in-out;

		-ms-transition: all .4s ease-in-out;

		 -o-transition: all .4s ease-in-out;

			transition: all .4s ease-in-out;

}

.panel.flip .front {

	z-index: 900;

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

}

.panel.flip .back {

	z-index: 1000;

	-webkit-transform: rotateX(0deg) rotateY(0deg);

	-moz-transform: rotateX(0deg) rotateY(0deg);

}

.box1{width: 270px;	height:270px;margin: 0 auto; overflow:hidden;}

.box1 img { width:100%;}

.box2{ background-color: #e35454;color:#fff; width: 270px; height:270px;	margin: 0 auto;	padding:20px; box-sizing:border-box;}

.box2 p{ margin-bottom:20px;}



/* = section first css

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

.fourbox{ padding:25px 0; width:23.4%; float:left; margin:0 2% 0 0; position:relative; min-height:310px; box-sizing:border-box; text-align:center; border-radius:5px;}

.fourbox p{ margin-bottom:20px; line-height:20px; }

.fourbox h3{font-weight:600; color:#404040; margin:0 0 25px; padding-bottom:30px; text-transform:uppercase; position:relative;}

.fourbox h3:after{ content:""; position:absolute; width:40px; height:2px; background-color:#000000; bottom:0; left:0; right:0; margin:auto;}





a.ReadMore{ background-color:#333339; color:#fff ; padding:5px 15px; display:inline-block;}

a.ReadMore:hover{ background-color:#ffae00; color:#fff; }

.pagemore{ background-color:#404040; color:#fff ; padding:5px 15px; display:inline-block; text-transform:uppercase; }

.fourbox:hover .pagemore{ background-color:#ffffff; color:#dd3333; }

.fourbox:hover h3{ color:#ffffff;}	

.fourbox:hover .thumbbx img{ }

.fourbox .thumbbx{ width:70px; height:70px; margin:0 auto; border-radius:50%;  overflow:hidden;}

.fourbox .thumbbx img {backface-visibility:hidden; height:auto; min-height:70px; transition: opacity 1s ease 0s, transform 1s ease 0s; vertical-align: middle;  }

.fourbox:hover{ background:#dd3333; }

.pagecontent{ padding:20px; position:relative;}

.one_column{ width:100%;}

.two_column{ width:47.5%;}

.three_column { width:32%;}

.five_column{ width:18.3%; margin-right:2%;}

.six_column{ width:15.8%; margin-right:1%;}





/*  Our Blog  */

.blankspace{ height:60px; clear:both;}

.latestnews {position:relative;}

.nomargin{ margin-right:0 !important;}

.news-box{width:30.8%; margin:0 2.5% 2.5% 0; float:left; position:relative; padding:0; box-sizing:border-box; background:#fff; height:auto; overflow:hidden;}

.news-box.last {float:right;}

.news-box .news-thumb{ width:100%; height:310px; overflow:hidden;}

.news-box .news-thumb img{ margin:0; padding:0; width:100%; height:auto; min-height:310px; vertical-align:middle;}

.news{position:relative; box-sizing:border-box; border:solid 1px #efeeee; border-bottom:4px solid #efeeee; padding:15px 30px; min-height:100px;}



.news p {padding-bottom:40px;}

.news .read-more {position:absolute; bottom:35px;}

.news h4 { font-weight:bold; padding-bottom:5px; margin:0; position:relative; font-size:17px; line-height:24px; text-transform:uppercase;}

.commentheart{ border-radius:25px; border: solid 1px #dcdada; padding:9px 12px; float:right; margin-top:-10px;}



.news-box:hover .commentheart{background:#dd3333; border:solid 1px transparent;}

.commentheart a, .commentheart i{ padding:0 5px; color:#454545;} 

.news-box:hover .commentheart a, .news-box:hover .commentheart i{ color:#ffffff;}

.post-cate{ float:left;}

.post-cate a{ color:#979797;}

h2.heading{ padding-bottom:15px;}

.underline{ border-bottom:1px solid #efeded;}

/*testimonials*/

.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Roboto Condensed'; color:#333; }

.client-say .timthumb{ width:10%; float:left;}

.client-say .timthumb img{ height:100%; }

.client-say .tm_description{ width:87%; float:right;}



.client-say p{ margin-bottom:30px;}

.client-say h6{ color:#fff; margin:20px 0 0 0; text-transform:none; }



/* = Testimonials css

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

#clienttestiminials{ text-align:left; padding:30px; width:61%; float:right; border:1px solid #dd3333; box-sizing:border-box; position:relative; }

#clienttestiminials h6{ margin:0 0 15px; text-transform:uppercase; font-size:16px; color:#4b4a4a; font-weight:600; position:relative; padding-bottom:15px;}

#clienttestiminials h6::after{

 content:"";

 position:absolute;

 width:50px;

 height:2px;

 background-color:#4b4a4a;

 bottom:0;

 left:0;

}

#clienttestiminials h6 a{color:#ffffff;}

#clienttestiminials span{ font-size:13px; color:#4b4a4a; display:block; margin-bottom:15px;}

#clienttestiminials .tmthumb{ width:100px; height:100px; margin:0 auto; overflow:hidden; border-radius:50%; border:2px solid #ddd; }

#clienttestiminials .tmthumb img{ width:100%; height:auto; min-height:100px; }

#clienttestiminials .item{ width:100%; margin:0 auto; font-size:14px; }

.hvr-rectangle-out::before{ background:#dd3333;}

#clienttestiminials .fa{ font-size:28px; font-weight:600; color:#222; position:absolute; background-color:#eaebef; padding:5px;}

#clienttestiminials .fa-quote-left{ top:-20px; left:28px;}

#clienttestiminials .fa-quote-right{ bottom:-20px; right:28px;}



/*testimonials listing*/

.tmnllisting{ margin-bottom:35px; min-height:120px;}

.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}

.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}

.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}



#testimonials-widget h6{ margin-bottom:5px; text-transform:uppercase;}

#testimonials-widget p{ margin-bottom:15px;}

/* --------- Pages ------- */

.content-area{ padding:30px 20px !important;}

.site-main{ width:765px; margin:0; padding:0; float:left;}

.sitefull{ width:100% !important;}

#sidebar{ width:300px; float:right;}

.sidebar-left{ float:left !important;}

/*.sidebar-left #sidebar{ width:auto;}*/

.flotRight{ float:right !important;}

/*sidebar css*/

aside.widget{margin-bottom:30px; padding:20px; background-color:#f0efef;}

aside.widget ul{ list-style:disc; }

h3.widget-title{ padding:12px 15px; margin-bottom:-1px; color:#fff; background-color:#dd3333; font-size:17px; }

#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }

#sidebar #contactform_main p{ margin-bottom:10px;}



#sidebar ul li{ list-style: disc inside ; border-bottom:1px dashed #d0cfcf; padding:8px 0 8px 0;}

#sidebar ul li a{ font:300 14px/18px "Roboto Condensed",sans-serif;  padding-left:10px; color:#3b3b3b; }

#sidebar ul li a:hover{ color:#34c6f6;}

#sidebar ul li:last-child{ border:none;}

.nosidebar{ float:none !important; margin:0 auto;}



#sidebar .search-form input.search-field{ background-color:#f0efef; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box;}

#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #dd3333; padding: 12px 0 12px 0; font-size:0; width:20%; height:41px; float:right;}



/* = skill bar css

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

.skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color;}

.skillbar-title { font:16px 'Roboto Condensed',san-serif;color:#6e6d6d;}

.skillbar-title span { display:block; color:#6e6d6d; padding:0; height:35px; line-height:35px; text-align:left;}

.skillbar-bar { height:6px; width:0px; background:#65676a;}

.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#6e6d6d;}

.skill { width:46.98%; float:left;}

.skill-bar { margin:60px 0 0 0;}

.skill-bg{ width:100%; background-color:#e0dfdf;}



/* = Footer css

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

#footer-wrapper{ background-color:#24282f; position:relative; color:#c1c0c0; }

.footer{ padding:50px 0;}

.footer h5{ font-weight:400; margin-bottom:25px; border-bottom:1px solid #303030; padding-bottom:15px; position:relative;}

.footer h5::after{ content:""; position:absolute; width:60px; height:1px; background-color:#dd3333; bottom:0; left:0; margin:auto;}

.footer h5 span{ color:#dd3333;}

.footer a.readmore span{ color:#fff;}

.footer ul li{ list-style:disc inside none; border-bottom:#303030 1px solid;}

.footer ul li:last-child{ border:none;}

.footer ul li a{ padding:8px 0 8px 10px; display:inline-block; color:#8a8989;  }

.footer ul li a:hover, .footer ul li.current_page_item a{ color:#dd3333;}

.footer ul li:last-child a{ border-bottom:none;}

/*footer recent post*/

ul.recent-post{ margin:0px; padding:0px; list-style:none;}

ul.recent-post li{ display:block; line-height:18px; margin-bottom:20px; padding-bottom:20px; min-height:55px; list-style:none; border-bottom:1px solid #303030;}

ul.recent-post .footerthumb{ width:70px; height:55px; overflow:hidden; float:left; margin:0 15px 0 0;}

ul.recent-post li img { width:100%; height:auto; margin-top:4px;}

ul.recent-post li span {font-size:11px;}

ul.recent-post li a {text-decoration:none; padding:0; border:none; display:block;}

ul.recent-post li a:hover { text-decoration:none;}

ul.recent-post li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}



.contactdetail{ line-height:22px; } 

.contactdetail .fa{ margin-right:20px; font-size:16px;}

.contactdetail p{ margin-bottom:10px;}



/*Footer Manageable css*/

.footer .cols-1 h5::after{ background:inherit !important}

.footer .cols-1 h5{ border:none!important; text-align:center; }

.cols-1 .widget-column-1{ width:100%; float:none; text-align:center;}

.cols-1 .widget-column-1 ul li{ display:inline-block; border:none;}

.cols-1 .widget-column-1 ul li a{ padding:0 15px; height:12px; line-height:10px; display:block;}

.cols-1 .widget-column-1 ul li:last-child a{border:none;}



.cols-2 .widget-column-1{width:45%; float:left; margin:0 10% 0% 0; box-sizing:border-box; }

.cols-2 .widget-column-2{width:45%; float:left; margin-right:0px; box-sizing:border-box;}



.cols-3 .widget-column-1{width:29%; float:left; margin:0 6% 0 0; box-sizing:border-box; }

.cols-3 .widget-column-2{width:29%; float:left; margin:0 6% 0 0; box-sizing:border-box;}

.cols-3 .widget-column-3{width:29%; float:left; margin-right:0px; box-sizing:border-box;}



/* footer 4 column css*/

.cols-4 .widget-column-1{ width:24%;  float:left; margin:0 4% 0 0; box-sizing:border-box; }

.cols-4 .widget-column-2{ width:24%;  float:left; margin:0 4% 0 0; box-sizing:border-box;}

.cols-4 .widget-column-3{ width:24%;  float:left; margin:0 4% 0 0; box-sizing:border-box;}

.cols-4 .widget-column-4{ width:16%;  float:left; margin-right:0; box-sizing:border-box;}





.copyright-wrapper { background-color:#161a20; border-top:1px solid #202020; color:#fff; position:relative; padding:15px 0;}

.copyright-txt{ text-align:center;}

.copyright-txt span{ padding:0 0 0 1%;}

.design-by{float:right;}



.footer .social-icons{ margin-top:20px;}

.footer .social-icons a{ width:35px; height:35px; line-height:35px; margin:0 5px 5px 0; padding:0; color:#c1c0c0; border:2px solid #c1c0c0; border-radius:50%; -moz-border-radius:50%; -webkt-border-radius:50%; }

.footer .social-icons a:hover{ color:#dd3333; border-color:#dd3333; }



/* = Contact Form css

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

.wpcf7{ margin:0; padding:0; font:15px 'Roboto Condensed',san-serif; color:#d6d6d6;}

.wpcf7 form{ margin:0; padding:0;}

.wpcf7 form span.last{ float:none !important;}

.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ background-color:#f1f1f1; border:1px solid #eed2bb; padding:5px 3px; margin-top:10px; font:13px arial; color:#777777;}

.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}

span.wpcf7-list-item{ margin:0 15px 0 0 !important;}

#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea{width:40%; border:1px solid #E8E8E8; padding:15px; float:left; margin:0 8px 8px 0;}   

#contactform_main textarea{ width:85.6%; margin-right:0; height:130px;} 

#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   

#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto Condensed', sans-serif; text-transform:uppercase; cursor:pointer; border-radius:5px; }

.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #eed2bb; padding:15px; margin:0 8px 8px 0;  }

.wpcf7 form textarea{ margin-right:0; height:130px;} 

#portfoliosection .container{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}



/*Reservation form css*/

#reservation_form input[type=text], #reservation_form input[type=email], #reservation_form input[type=tel], #reservation_form textarea,.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ width:90%; background-color:#fff; color:#a0a0a0; border:1px solid #eed2bb; padding:10px 15px; }

#reservation_form p, .wpcf7 form{ margin-bottom:6px;}

#reservation_form input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto Condensed', sans-serif; text-transform:uppercase; cursor:pointer; width:100%; }





iframe{ width:100%;}

.contact_left{ float:left; width:65%; }

.contact_right{ float:right; width:30%;}

.contact_right h3{ margin-bottom:15px;}

.post-title{ margin-bottom:0px; font-weight:400;}

.post-title a{ color:#3d3d3d;}



.blog-post-repeat .postmeta{ border-bottom:1px solid #e8e8e8; margin-bottom:15px;}

p.read-more a{font:600 12px/22px 'Roboto Condensed', sans-serif;background-color:#ff6565; color:#fff; text-align:center; padding:5px 15px;  display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

p.read-more a:hover { background-color:#34c6f6;}

.blog-post-repeat .post-thumb img{ float:left; margin-right:15px; height:auto;}



/*default css*/

.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}

.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}

.spacer20{height:20px; clear:both;}

.pagination{display:table; clear:both;}

.pagination ul{list-style:none; margin:20px 0;}

.pagination ul li{display:inline; float:left; margin-right:5px;}

.pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}

.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}

article.tag-sticky-2{background:#f6f6f6; padding:10px;}



h1.entry-title{font-weight:600; font-size:30px; text-transform:uppercase; padding-bottom:20px; margin-bottom:30px; position:relative;}

h1.entry-title::after{ content:""; position:absolute; width:90px; height:1px; background-color:#dd3333; bottom:0; left:0; right:0; }



article p{margin:0 0 20px 0;}

.post-date{display:inline;}

.post-comment{display:inline;}

.post-categories{display:inline;}

.post-tags{display:inline;}

form.search-form{margin-bottom:20px;}

input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:1px #eee solid; padding:7px 15px;}

input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:7px 15px; cursor:pointer; }

#contactform_main p{ margin-bottom:0;}

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}

.nav-next{float:right; margin-top:10px; margin-bottom:10px;}

nav.post-navigation{padding:10px 0 20px;}

.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}

.comment-list ul, ol.comment-list ul{list-style:none;}

.comment-list li.comment{margin-top:20px;}

.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}



/* Buttons */

.button{ background-color:#dd3333; color:#fff; font:400 15px/22px 'Roboto Condensed', sans-serif; padding:8px 20px; display:inline-block; border-radius:5px;}

.button:hover{background-color:#202020; border-color:#1898c2; color:#fff;}

.shopnow{ background-color:#202020 !important;}

.shopnow:hover{ background-color:#dd3333 !important;}



/* Text meant only for screen readers. */

.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}

.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;

	font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}

/* Best Offer CSS

================================================*/

.offerwrap .one_half{ width:31%; cursor:pointer; margin:0;}

.offer-1-column{ position:relative;}

.offer-1-column .offimgbx{ background-color:#dd3333; height:358px; overflow:hidden;}

.offer-1-column .offimgbx img{ min-height:358px; height:auto; width:100%;}

.offdesc{ position:absolute; top:0; color:#fff; padding:50px; text-align:center; display:none;}

.offer-1-column:hover .offdesc{ display:block; }

.offer-1-column:hover .offimgbx img{ opacity:0.1;}

.offdesc h6{ margin-bottom:20px; text-transform:uppercase; color:#fff; font-size:22px; font-weight:600;}

.offdesc h6 span{ color:#111;}

.offdesc h5{ margin-bottom:30px; text-transform:uppercase; color:#fff; font-size:24px; font-weight:600; padding-bottom:20px; position:relative; line-height:32px;}

.offdesc h5::after{content:""; position:absolute; width:100px; height:2px; background-color:#fff; bottom:0; left:0; right:0; margin:auto;}

.offdesc p{ font-size:15px;}

.offerwrap .one_half.last_column{ width:69%}

.offer-2-column{ width:45%; float: left; margin:0 0 29px 5%;}

.offerimgbox{ width:33%; margin:0 7% 0 0; float:left; height:100px; overflow:hidden;}

.offerimgbox img{ width:100%; height:auto; min-height:100px;}

.offcontnt{ width:60%; float:left;}

.offcontnt .pricedv{font:600 16px/18px "Roboto Condensed",sans-serif; color:#dd3333; margin:10px 0; }

.offcontnt .pricedv span{ margin-right:10px; color:#999; text-decoration:line-through; font-weight:400;}

.offcontnt h4{ font-size:16px; text-transform:uppercase; margin-bottom:15px;}

/*Missionvission css*/

.missionvission-wrap h3{ font-size:20px; font-weight:600; border-bottom:1px solid #ccc; padding-bottom:10px; display:inline-block; margin-bottom:30px;}

.missionvission-wrap h5{ font-style:italic; font-size:18px; line-height:24px; border-left:3px solid #ccc; padding-left:20px;}

#ourrecruiters{ text-align:center; font-size:15px;}

.our-recruiters{ margin:0; padding:0;}

.our-recruiters li{ float:left; margin:0 10px; width:18%; box-sizing:border-box;}

/* woocommerce CSS

================================================*/

a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}

a.added_to_cart:hover{background:#000000;}

a.button.added:before{content:'' !important;}

#bbpress-forums ul li{padding:0;}

#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}

textarea.wp-editor-area{border:1px #ccc solid;}

.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}

form.woocommerce-ordering select{ padding:5px; color:#777777;}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto Condensed',san-serif; color:#ff8a00;}

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}

h1.product_title, p.price{ margin-bottom:10px;}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto Condensed',san-serif; color:#ff6d84;}

.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}

.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

.woocommerceright{float:left;}

.woocommerceleft{float:right;}

.woocommercesitefull{ width:100%;}

.woocommerce .panel{ height:auto}

.subtitle{ text-align:center;}

/*post nav css*/

.post-nav{ clear:left; margin-top:40px;}

.prev-page, .next-page{ margin:0; padding:0;}

.prev-page a{ float:left;}

.next-page a{ float:right;}

.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font:15px 'Roboto Condensed',san-serif;}

.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}

.singleright { float:left; }

.singleleft { float:right; }

/*back to top css*/

#top{ position:relative;}

#back-top {	position: fixed; bottom: 15px; right:25px;}

#back-top a {width:64px;	display: block;	text-align: center;	font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;	text-decoration: none;color: #bbb; 	-webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}

.space{ clear:both; min-height:10px;}



.skills-wrap{ width:60%; margin:0 auto; text-align:center;}

#back-top span {width:42px;height:42px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center;

-webkit-transition: 1s;	-moz-transition: 1s; transition: 1s;opacity:0.5;}

.slider-main{ min-height:560px; overflow:hidden; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}

/*photo gallery css*/
.myphotogallery { background-color:#111; position:relative;}
.myphotogallery strong{ color:#fff; margin:0; top:40%; padding:10px 20px; position:absolute; display:none; text-align:center; width:100%; box-sizing:border-box;}
.myphotogallery:hover strong{   display:block; }
.myphotogallery:hover img{ opacity:0.2; }
.photobooth .filter-gallery ul li a{ display:block; padding:10px 15px; color:#fff;}