﻿@charset "utf-8";
/*
	* Stylesheet for our honourable clients project or pointer's projects
	* Description: This document includes the CSS styles for the website, honourable clients project. Created in modules to maximize usability and expandability.
	* Author: Pande Santoshkumar
	* Author email: parthcreations79@gmail.com
*/

/*css-basic-forms-tag*/
form{margin:0; padding:0;}
input[type="submit"], input[type="button"], input[type="reset"]{-webkit-appearance:none; -webkit-border-radius:0; border:none;}
select{-moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../images/arrow.png) right center no-repeat; height:34px; line-height:34px; border-radius:2px; border:1px solid #d6d6d6; padding:0 36px 0 15px; color:#333; cursor:pointer; -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;}

_:-ms-fullscreen, :root select{-moz-appearance:none; -webkit-appearance:none; appearance:none; height:34px; line-height:34px; border-radius:2px; border:1px solid #d6d6d6; padding:0 0px 0 5px; text-indent:25px; color:#333; cursor:pointer;}


select:hover{color:#333; }
select option{appearance:none; padding:8px 0px 8px 15px; border:0px; -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;}
select option:foucs{background:#333!important;}
textarea{font-family:'Roboto', sans-serif;}

/*form css*/
.pt-globelForm{float:left; width:100%; margin-bottom:25px; clear:both;}
.pt-globelForm *{-webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; -ms-transition:all 450ms ease-in-out; -o-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out;}

.pt-smallFrmOuter{width:35%}
.pt-mediumFrmOuter{width:100%}
.pt-largeFrmOuter{width:100%}

.pt-globelForm h3{font-size:20px; margin:0 0 20px 0; float:left; width:100%; color:#333;}
.pt-globelForm h4{font-size:15px; margin:0 0 5px 0; float:left; width:100%; color:#333;}

.pt-globelForm .pt-formRow{float:left; margin: 0 1.5% 20px; width:47%; height:50px;}
.pt-globelForm .pt-formRow:nth-child(2n+2){/*margin-right:0px;*/}

.pt-formRow label{font-size:12px;}
.pt-error, .error{float:left; width:100%; font-size:14px; color:red; text-align:left !important; opacity:1;}

.pt-globelForm input[type="text"],
.pt-globelForm input[type="number"],
.pt-globelForm input[type="tel"],
.pt-globelForm input[type="time"],
.pt-globelForm input[type="email"],
.pt-globelForm input[type="password"]{ border:1px solid #d6d6d6; height:44px; line-height:44px; width:100%; padding:0 20px; color:#383838; margin:0 0 0px; font-size:16px;}


_:-ms-fullscreen, :root .pt-globelForm input[type="text"],
_:-ms-fullscreen, :root .pt-globelForm input[type="number"],
_:-ms-fullscreen, :root .pt-globelForm input[type="tel"],
_:-ms-fullscreen, :root .pt-globelForm input[type="time"],
_:-ms-fullscreen, :root .pt-globelForm input[type="email"],
_:-ms-fullscreen, :root .pt-globelForm input[type="password"]{ border:1px solid #d6d6d6; background:#eeeeee; height:44px; line-height:44px; width:100%; padding:0 20px; color:#383838; margin:0 0 0px; font-size:15px;  font-size:13px;}

.pt-globelForm select{ border:1px solid #d6d6d6; background:url(../images/arrow.png) right center no-repeat; height:44px; /*line-height:44px;*/ width:100%; padding:0 0 0 5px; text-indent:1%; color:#383838; margin:0 0 0px;  font-size:16px; font-family:'Roboto', sans-serif;}
_:-ms-fullscreen, :root .pt-globelForm select{ border:1px solid #d6d6d6; background:#eeeeee; height:44px; /*line-height:44px;*/ width:100%; padding:0 0% 0 15px;  color:#383838; margin:0 0 0px;  text-indent:0px;  font-size:13px;}

.pt-globelForm select+option{color:red}
.pt-formRowFull{float:left; margin: 0 0% 20px; width: 100%;}
.pt-formRowHalfLeft{float:left; margin: 0 0% 20px; width: 45%;}/*Added by Anand*/
.pt-formRowHalfRight{float:left; margin: 0 0% 20px 10%; width: 45%;}/*Added by Anand*/
.pt-globelForm textarea{ border:1px solid #d6d6d6; height:90px; line-height:normal; width:100%; padding:10px 2%; color:#383838; margin:0 0 0px;  font-size:16px; resize:none;}

.pt-mainButton .pt-formRow{margin-top:20px; margin-bottom:0;}
/*.pt-globelForm .pt-mainButton{float:left; width:100%; text-align:left!important; margin-bottom:20px;}*/
.pt-globelForm .pt-mainButton {
    margin: 0 auto 20px;
    width: 270px;
}
.pt-globelForm input[type="submit"], .pt-globelForm input[type="button"]{ background:#00AFF0; color:#ffffff; height:44px; line-height:44px; border:0; padding:0 20px; width:95%; margin:0 2.5% 0; display:inline-block; text-transform:none; cursor:pointer; font-family:'Roboto', sans-serif;  font-size:14px; text-transform:capitalize; position:relative;}
.pt-globelForm input[type="submit"]:hover, .pt-globelForm input[type="button"]:hover{ background:#2686c8;}
/*Added by Anand for font image*/
i.fa, span.fa {
    color: #00AFF0;
}
.pt-globelForm input[type="reset"]{ background:#f1f1f1; color:#333; height:44px; line-height:44px; border:0; padding:0 20px; width:auto; margin:0 1.5% 0 0; display:inline-block; text-transform:none; cursor:pointer;  font-size:13px; text-transform:uppercase;}

.pt-globelForm input[type="reset"]:hover{ background:#333; color:#fff;}

/*Button click effect*/
.pt-globelForm input[type="button"]:active, .pt-globelForm input[type="submit"]:active, .pt-globelForm input[type="reset"]:active {
    box-shadow: 0 0 10px 40px green;
    transition: all 0.5s;
}
/*|=========================|media query begins|=========================|*/

/*start-css-for-below-resolotion 1170px*/
@media all and (max-width:1169px){



}	
	
/*start-css-for-resolotion 1024px only*/	
@media all and (width:1024px){
	}

/*start-css-for-below-resolotion 1024px*/
@media all and (max-width:1023px){

    .pt-globelForm input[type="submit"], .pt-globelForm input[type="button"] {
        background: #00AFF0 none repeat scroll 0 0;
        border: 0 none;
        border-radius: 2px;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        margin: 0 2.5% 0;
        padding: 0 20px;
        position: relative;
        width: 95%;
    }

.pt-formRowHalfLeft{float:left; margin: 0 0% 20px; width: 100%;}/*Added by Anand*/
.pt-formRowHalfRight{float:left; margin: 0 0% 20px; width: 100%;}/*Added by Anand*/
	}

/*start-css-for-below-resolotion 1001px*/
@media all and (max-width:1000px){
	}

/*start-css-for-below-resolotion 101px*/
@media all and (max-width:800px){
	}

/*start-css-for-resolotion 768px only*/
@media all and (width:768px){
	}

/*start-css-for-below-resolotion 768px*/
@media all and (max-width:767px){
.pt-mediumFrmOuter {width: 95%;}

    .pt-globelForm input[type="submit"], .pt-globelForm input[type="button"] {
        background: #00AFF0 none repeat scroll 0 0;
        border: 0 none;
        border-radius: 2px;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        margin: 0 5% 0;
        padding: 0 20px;
        position: relative;
        width: 90%;
    }

.pt-formRowHalfLeft{float:left; margin: 0 0% 20px; width: 100%;}/*Added by Anand*/
.pt-formRowHalfRight{float:left; margin: 0 0% 20px; width: 100%;}/*Added by Anand*/
	}

/*start-css-for-below-resolotion 701px*/
@media all and (max-width:700px){
	}

/*start-css-for-below-resolotion 641px*/
@media all and (max-width:640px){
	}

/*start-css-for-resolotion 600px only*/
@media all and (width:600px){
	}

/*start-css-for-below-resolotion 600px*/
@media all and (max-width:599px){
	.pt-mediumFrmOuter {
    width: 100%;
}
	.pt-globelForm .pt-formRow {
    float: left;
    height: 50px;
    margin: 0 1.5% 20px;
    width: 97%;
}
 
.pt-formRowHalfLeft{float:left; margin: 0 0% 20px; width: 100%;}/*Added by Anand*/
.pt-formRowHalfRight{float:left; margin: 0 0% 20px; width: 100%;}/*Added by Anand*/
	}

@media all and (max-width:480px){
	}

/*start-css-for-below-resolotion 480px*/
@media all and (max-width:479px){
	}

/*start-css-for-below-resolotion 360px*/
@media all and (max-width:359px){
	.pt-globelForm .pt-mainButton {
    margin: 0 auto 20px;
    width: 250px;
}

.pt-formRowHalfLeft{float:left; margin: 0 0% 20px; width: 100%;}/*Added by Anand*/
.pt-formRowHalfRight{float:left; margin: 0 0% 20px; width: 100%;}/*Added by Anand*/
	}